• HI I have just updated to Sydney version 1.85 after pausing updates for a while as there were some problems with update 1.83. You said that the problem with the Menu Text shrinking would be fixed in the latest updates but it isn’t.
    My main menu text has shrunk again. last time you gave me the CSS code
    /* Increase size of text in main menu */
    .menu-header-menu-container a {
    font-size: 18px !important;
    }
    to input into my additional CSS area. I have just done this but nothing has changed, I am suspecting that the Additional CSS area is not working as I have tried to ammend a couple of other codes to test it and there is no response

    I look forward to your response

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi @jloindubai,

    Seems likely you haven’t yet enabled the new header layout that comes with font size option for the main menu among other extra options.

    If you don’t want to switch to the new header layout, as inspected, you may want to try this CSS code:

    #mainnav ul li a {
      font-size: 18px;
    }
    

    Hope that helps.

    Regards,
    Kharis

    Thread Starter jloindubai

    (@jloindubai)

    Hi Kharis just out of interest where is the option to enable the new header layout I haven’t seen it at all, even though I have the very latest version of the Sydney theme.

    I have added the code that you have included above to my additional CSS but there is no response. As I said in my original message in this thread it seems that my Additional CSS is not working as I have tried to ammend some of the other codes I already have in there and nothing is happening

    @jloindubai I checked your site’s source code and found the custom CSS code contains an error that may need a fix when checking it with this tool: https://jigsaw.w3.org/css-validator/#validate_by_input.

    Plese fix it first and run your test.

    Regards,
    Kharis

    Thread Starter jloindubai

    (@jloindubai)

    Hi Kharis I’m not quite sure what you want me to do here so I have inputted all my additional CSS into the validator link that you included above and I got the following result

    View post on imgur.com


    I have no idea what it means or what to do with it?

    help
    many thanks

    Hi @jloindubai,

    Thank you for getting back.

    Please try replacing your entire custom CSS code with this, that contains a fix for the error mentioned by the tool.

    .entry-content h1 {
      font-size: 30px;
    }
    .widget_sydney_testimonials blockquote {
      color: #47425d !important;
    }
    div.widget_sydney_testimonials div.customer div.name,
    div.widget_sydney_testimonials div.customer div.name span {
      color: #c29046 !important;
    }
    .page-id-3392 .entry-header {
      display: none;
    }
    .page-id-1990 .entry-header {
      display: none;
    }
    .page-id-1982 .entry-header {
      display: none;
    }
    .text-slider .subtitle {
      font-size: 32px;
    }
    .text-slider .maintitle {
      font-size: 100px;
    }
    .text-slider .maintitle {
      text-shadow: 2px 2px 2px #474747;
    }
    .text-slider .subtitle {
      text-shadow: 2px 2px 2px #474747;
    }
    .menu-item {
      text-shadow: 1px 1px 1px #474747;
    }
    .title-post.entry-title {
      color: #c29046;
    }
    #mainnav ul li a {
      font-size: 18px;
    }
    @media only screen and (max-width: 680px) {
      .header-slider .text-slider .maintitle {
        font-size: 32px;
      }
    
      .header-slider .text-slider .subtitle {
        font-size: 20px;
      }
    }
    @media (max-width: 780px) {
      .panel-grid .panel-grid-cell {
        margin-bottom: 30px !important;
      }
      .panel-grid .panel-row-style > div:last-of-type {
        margin-bottom: 0 !important;
      }
      #mainnav ul li a {
        font-size: 18px;
      }
    }

    Let me know how it goes.

    Regards,
    Kharis

    Thread Starter jloindubai

    (@jloindubai)

    Hi Kharis I have replaced my entire Custom CSS with your code above. I have not noticed any change to my website and my menu is still shrunken and a different text to what it was before it shrunk.???
    What do we need to do now?

    thx
    jlo

    Thread Starter jloindubai

    (@jloindubai)

    Hi Kharis you haven”t replied to my reply posted 4 days ago and I really need to get this sorted, I would really appreciate your help
    thx

    @jloindubai I am sorry for the delay.

    As checked, now the CSS code works fine without error.

    Perhaps there is a cache on your side that prevents the code update to take effect immediately until it gets flushed.

    Regards,
    Kharis

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Main Menu text Still shrunken After latest update’ is closed to new replies.