[tpawa1997]

This reply is private.

[John Hoke]

@Zed

I just went back through and it appears to be working on my iPhone … my iPad had an issue validating that gravity works from a height and is smashed at the moment (gravity still works)

I am going to ask a friend to validate for me … with quarantining its probably going to take a couple days for me to do it directly…

---

[Zed]

If you’re referring to the star fields (or any other additional fields) missing from the product comment form, I suggest switching the Comments Field Label option to Labels for increased compatibility with form customization plugins.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

I think we’ve also discussed this via the support system and disabling the justified alignment was a solution to alleviate the less-than-desired words spacing.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[moriharu nakae]

When I try to add a new review, the rating system with the required number of stars does not work

[Zed]

The link fields support any kind of links acceptable to the browsers:
https://html.com/anchors-links/#Internal_and_External_Links

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

@juniper, you have changed themes in the meantime.

@John, are you by chance experiencing those issues on an iPad?

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

Your CSS was close, but not specific enough. The theme applies capitalization on the inner span.
Use the following CSS:

body #access a > span {
    text-transform: none;
}

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

Your main navigation is long enough that it doesn’t fit in the available space and overflows onto the header image.
To avoid this you can either rearrange your menu items so they take up less horizontal space or force-activate the mobile menu earlier:

@media (max-width: 123px) {
   .cryout #nav-toggle {
	display: block;
   }
   .cryout #branding {
	margin-right: 3em;
   }
   #masthead.cryout #access {
	display: none;
   }
}

Replace 123px with the screen width value when the menu starts overflowing (or a few pixels before).

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[pdeclarens]

Hello,

Thanks for your help.
I tried the plugin and did not find errors.
I believe the problem comes from the NextGEN slideshow. I probably have to change a script, but I fail to find it..

regards

Website: adret.eu

[jampot2000]

thank you for your reply I have tried all the different theme settings and it does not allow me to have the title in the top bar in the internet browser and admit the text banner it create this is the one where the first letter is red. Perhaps this is only available in premium theme which were looking into thanks

[Mongoid]

If I don’t use the span qualifier, the entire element is affected across the page.

I realize now, by removing the span tag , I was trying to apply CSS to a block element and it was behaving as it should by formatting the entire width of the page. I got the look I wanted by using an HTML block instead of the H2 blocks in the WP Block editor. I could not figure out how to isolate the Block text for formatting. I am not a professional, just trying to help out a friend. I would take any of my advice lightly in regards to WP. Just passing on what I did.

[castingdata]

I updated earlier my website. it seems the favicon icon in the home page replace with the wordpress icon..

https://www.castingdata.com/

Website: www.castingdata.com

[Zed]

John, yes that’s almost correct, although you also need to include the font weights with the identifier (to force the theme to load that font family separately and keep the display=swap parameter), eg:
Jost:100,200,300,400,500,600,700,800,900&display=swap

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

Is the content displayed as desired if you view on one of the default Twenty themes?

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

I believe I already answered your question through our support or customizations system, but for anyone else wondering the same thing, the following CSS should handle the change:

body #nav-toggle {
    left: 1em;
    right: auto;
}

Swap the two values for the right side of the screen.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[kathaynes014]

It turns out it was my Robly newsletter code that was causing this error. It also made the mobile slider stop working? Here is the code for that newsletter – does anyone have an idea why it would be causing an error with Septera?

<a href="https://www.google.com/recaptcha/api.js">https://www.google.com/recaptcha/api.js</a>
<a href="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js</a>

<!-- Begin Robly Signup Form -->
<div id="robly_embed_signup">
  <form action="https://list.robly.com/subscribe/post" method="post" id="robly_embedded_subscribe_form" name="robly_embedded_subscribe_form" class="validate" target="_blank"  novalidate="">
    <input type="hidden" name="a" value="5d27e8ad4ae0c536964b5bca364bb1ed" />
    
    <h2>Subscribe to our mailing list</h2>
                <div class="robly_field_group"><label>Email Address:<span class="asterisk">*</span></label><input type="text" name="EMAIL" id="DATA0" class="required" autocapitalize="off" autocorrect="off" value=""></div>
                <div class="clearfix"></div>
                <div class="robly_field_group"><label>First Name:<span class="asterisk">*</span></label><input type="text" name="FNAME" id="DATA1" class="required" value=""></div>
                <div class="clearfix"></div>
                <div class="robly_field_group"><label>Last Name:<span class="asterisk">*</span></label><input type="text" name="LNAME" id="DATA2" class="required" value=""></div>
                <div class="clearfix"></div>
                <div class="robly_field_group"><label>Company:<span class="asterisk">*</span></label><input type="text" name="COMP" id="DATA5" class="required" value=""></div>
                <div class="clearfix"></div>
        
        <div class="clearfix"></div>
      <div class="clear">
        <input type="submit" value="Subscribe" name="subscribe" class="button g-recaptcha" data-sitekey="6Ld9XlUUAAAAABcR5houwBXwlA_3STKsG2SzYCVw" data-callback="robly_recaptcha_callback"/>
            <div class="power"><p>Powered by <a href="http://www.robly.com">Robly</a>&trade;</p></div>
      </div>
  </form>
</div>
<style type="text/css">
    #robly_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width: 400px; }
    #robly_embed_signup form {display:block; position:relative; text-align:left;}
    #robly_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.3em;}
    #robly_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
    #robly_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
    #robly_embed_signup input[type=radio]{-webkit-appearance:radio;}
    #robly_embed_signup input:focus {border-color:#333;}
    #robly_embed_signup .button {background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
    #robly_embed_signup .button:hover {background-color:#777;}
    #robly_embed_signup .slim_button {background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0 15px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
    #robly_embed_signup .slim_button:hover {background-color:#777;}
    #robly_embed_signup .small_meta {font-size: 11px;}
    #robly_embed_signup .nowrap {white-space:nowrap;}
    #robly_embed_signup .clear {clear:none; display:inline;visibility:visible;}
    #robly_embed_signup .robly_field_group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
    #robly_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
    #robly_embed_signup .size1of2 {margin-right:2%;}
    #robly_embed_signup .robly_field_group label {display:block; margin-bottom:3px; font-size: 1.0em; font-weight: 100; padding-bottom:1px;}
    #robly_embed_signup .robly_field_group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
    #robly_embed_signup .robly_field_group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}
    #robly_embed_signup .datefield, #robly_embed_signup .phonefield_us{padding:5px 0;}
    #robly_embed_signup .datefield input, #robly_embed_signup .phonefield_us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:left; padding:5px 0 2px 0;}
    #robly_embed_signup .phonefield_us .phonearea input, #robly_embed_signup .phonefield_us .phonedetail1 input{width:40px;}
    #robly_embed_signup .datefield .monthfield input, #robly_embed_signup .datefield .dayfield input{width:35px;}
    #robly_embed_signup .datefield label, #robly_embed_signup .phonefield_us label{display:none;}
    #robly_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
    #robly_embed_signup .asterisk {color:#c60; font-size:150%;}
    #robly_embed_signup .robly_field_group .asterisk {position:relative;top:5px; left:2px;}
    #robly_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
    #robly_embed_signup input.email {display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:90%; min-width:130px;}
    #robly_embed_signup input.slim_email {display:inline-block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:60%;}
    #robly_embed_signup input.button {width:40%; margin:0 0 10px 0; min-width:90px;}
    #robly_embed_signup .robly_field_group.input_group ul {margin:0; padding:5px 0; list-style:none;}
    #robly_embed_signup .robly_field_group.input_group ul li {display:block; padding:3px 0; margin:0;}
    #robly_embed_signup .robly_field_group.input_group label {display:inline;}
    #robly_embed_signup .robly_field_group.input_group input {display:inline; width:auto; border:none;}
    #robly_embed_signup div#robly_responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
    #robly_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
    #robly_embed_signup #robly_error_response {display:none;}
    #robly_embed_signup #robly_success_response {color:#529214; display:none;}
    #robly_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
    #robly_embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
    #robly_embed_signup #num-subscribers {font-size:1.1em;}
    #robly_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}
    #robly_embed_signup .power {postion: relative; float: right; margin-right: 16px; height:32px;}
    #robly_embed_signup #slim_power {float:none;}
    #robly_embed_signup .power p {font-size:12px; margin:0px; font-weight:bold; line-height:32px; color:#666;}
    #robly_embed_signup .power p a {text-decoration:none; font-weight:bold; color:#333;}
    #robly_embed_signup .power p a:hover {text-decoration:none; color:#000;}
    @media (max-width: 600px) {
      .g-recaptcha {transform: scale(0.77); -webkit-transform:scale(0.77); transform-origin:0 0; -webkit-transform-origin:0 0; }
    }
    /* Add your own Robly form styles to your site stylesheet or in this style block.
       We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<script>

   function robly_recaptcha_callback(token) {

        var email = $("#DATA0").val();
        if (!is_valid_email_address(email)) {
            alert("Please enter a valid email address.");
            return false;
        }
        if (!$("#DATA0").val()) {
            alert("Please fill in all required fields!");
            return false
        }
        if (!$("#DATA1").val()) {
            alert("Please fill in all required fields!");
            return false
        }
        if (!$("#DATA2").val()) {
            alert("Please fill in all required fields!");
            return false
        }
        if (!$("#DATA5").val()) {
            alert("Please fill in all required fields!");
            return false
        }

        var f = $("#robly_embedded_subscribe_form");
        f.submit();
    }

  function is_valid_email_address(emailAddress) {
      var pattern = new RegExp(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_<code>{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&&#039;\*\+\-\/=\?\^_</code>{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i);
      return pattern.test(emailAddress);
  }

</script>
<!-- End Robly Signup Form -->

[bedard5115]

This reply is private.

[Zed]

To have dropdown items in your menu, create a hierarchical structure on your pages or use a custom menu.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

I believe we’ve resolved this through the support tickets and was caused by a Hide Page Titles plugins adding the extra span markup.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

I’m sorry about the very late reply, we’ve been busier with some personal events recently.

The doubling of the borders on the menu items is due to the addition of an extra span by the plugin that’s providing the menu icons/images functionality. You can disable the extra border with some CSS:

#access .sub-menu li:not(:last-child) span > span, 
#access .children li:not(:last-child) span > span {
    border: none;
}

The difference in title placement between the homepage and the rest of the site is due to additional (unused) markup being present on the homepage. Apply the following CSS to correct that:

.home #header-page-title .aftertitle-meta,
.home #header-page-title .aftertitle-meta + .byline {
    display: none;
}

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

Fluida’s styling is already responsive, you don’t have to do anything to activate this.

Are you having any issues viewing your site on mobile devices?

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

To have a drop-down menu you need to either create a hierarchical structure between your pages (which will be used in WordPress’ automatically generated pages menu), or use a custom menu (which gives you full control over the menu’s content and structure).

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

Are you having the same trouble (inability to view/use the theme’s settings page)?

What theme version do you have installed on the site? Is the companion settings plugin also installed and activated?

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[crebspark]

CAN YOU GIVE ME A CODE THAT APPLIES THAT TO EVERY PAGE AND POST?

[bedard5115]

This reply is private.

[BSobek]

I have tried it but it is not working. You claim it changes at 800px but I have an LCD which has 1050px and when I resize the windows the menu changes to the mobile menu at around less than a half of my screen ( less than 575px). This indicates 800px is not true. Check it again please.

[aristosv]

thank you, that worked.

For some reason though it only works if I put it in Appearance > Customize > Additional CSS.

It doesn’t work when I put it in the style.css of the child theme.

This is my child theme style.css

https://paste.ofcode.org/54qW4v3yBH2w4FHTXKm3YF

I tried this code at the bottom but it didn’t work.

[l1512191]

Hi Zed!

You say that the order of the presentation page sections is not configurable.

But then you say that mantra_frontpage_generator is pluggable, and can be customized in a child theme.

I’m afraid you lost me there.

I’m already using a working child theme from before.

Now I’ve tried the following:

Copy: themes/mantra/includes/theme-frontpage.php
To: themes/mantra-child/includes/theme-frontpage.php

Then cut line 170, and pasted it to line 143.

I might be wrong, but I thought this would achieve my goal.

Could you please guide me in some more detail?

[Zed]

I would need to browse the site to figure out what applies that styling and/or what generates the additional markup. I cannot guess that from the images alone.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.