Viewing 30 posts - 1 through 30 (of 39 total)
  • Author
    Posts
  • #804481

    Hi

    I changed font to Lora on site I’m building for a client. I can see it ok but they just see o’s where menu is and where text is on page. Do you know how this can be fixed?

    Also, how do I add a 3 bar menu to the site (top right of header area?

    Thanks for your help

    Gerry

    #804842

    Hey obimedia2,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    #805023

    Hi Rikard

    Thanks for your help.

    Best

    Gerry

    #805136

    Hi, were you able to help re:

    I changed font to Lora on site I’m building for a client. I can see it ok but they just see o’s where menu is and where text is on page. Do you know how this can be fixed?

    Also, how do I add a 3 bar menu to the site (top right of header area?

    Thanks for your help

    Gerry

    #805157

    Hi

    On this same question, on the mobile version could you tell me how to stack the header content in this order …

    Logo at top and centered

    Social buttons underneath logo on left and 3-bar menu on right

    Many thanks

    Gerry

    #805317

    Hi, I haven’t heard anything from you. Can you help with this? Thanks

    #805838

    Hi,

    Your menu is displaying fine on my end and it’s using the Lora font, could you ask your customer to clear their browser cache and reload the page to see if that helps?

    For your other questions; please post screenshots highlighting the changes you would like to make.

    Please note that replying to your thread sends it to the back of our support queue, so please try not to do so if you want help fast.

    Best regards,
    Rikard

    #808580

    Hi, thanks Rikard.

    Attached is a mock-up of the header my client would like showing the logo centered with the 3-bar menu centered underneath. They do not want the 3-bar menu with ‘bullet points’, just the bars. They would like this for all options – desktop, tablets and mobiles. Is that do-able?

    Many thanks
    Gerry

    #808620
    #808815

    Hi,

    No problem, I can’t see your screenshot anyway. If you should need any further help then please upload it to a service like dropbox or google drive and then link to it here.

    Best regards,
    Rikard

    #810560

    Hi Rikard

    What my client would like is a change to the header layout on the mobile only – the 3-bar menu should be centered above the logo, and the logo also is centered.

    On the desktop version they want the text menu to appear under the logo as it is now.

    They do not want bullet points on the 3-bar menu but just have 3 bars.

    Thanks for your help

    Best
    Gerry

    #810760

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
    #advanced_menu_toggle {
        position:initial !important;
        min-width: 100% !important;
    }
    
    .logo img {
        padding-top: 30px;
    }
    }

    Best regards,
    Rikard

    #811114

    Thanks Rikard

    Not quite there …

    1. The 3-bar menu is still showing bullet points (we just want 3 unbroken bars).

    2. The 3 bar menu needs to be centered under the logo.

    3. The logo is smaller in proportion than on the desktop version of the website. Is it possible to make it wider and with some white space underneath (between logo and 3-bar menu)?

    Best
    Gerry

    #811352

    Hi,

    Please, may you provide to us your WP credentials?

    Best regards,
    John Torvik

    #814521

    Hi John

    Sorry but I don’t understand what you mean by WP credentials. The url is http://heartofsedonaweddings.com/wp/home

    Thanks
    Gerry

    #814522

    PS: It looks like the logo is not centered on mobile view.

    #814860

    Hi obimedia2,

    Do you need logo in the center and the burger menu below it on mobile?

    Best regards,
    Victoria

    #815135

    Hi Victoria

    Yes – on mobile version the logo and burger menu both centered in header. The burger menu to be 3 lines only, not the bullet points with lines.

    That will be great, thanks
    Gerry

    #817765

    Hi Gerry,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (max-width: 450px) {
      .logo img {
        padding-top: 0;
      }
      .responsive #top .logo {
        margin: 0 auto;
      }
      #header_meta, #header_meta .container {
        min-height: 0;
      }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #819578

    Hello Victoria

    The burger menu still has ‘bullet points’ and we wanted 3 unbroken lines. Is that possible?

    Thank you for the centering code which has worked.

    Best wishes

    Gerry

    #819895

    Hi Gerry,

    You can update you theme, it has a new version of the burger menu. Let me know if that works for you.

    Best regards,
    Victoria

    #819980

    Hi, have updated and have the 3 bar menu without bullets (thanks) but now the header on the mobile version has reverted to as it was. On mobile version we wanted the logo centred at the top and the 3 bar menu below the logo (centered too).

    Do I need to change any of the Quick CSS code you’ve given me?

    Thanks
    Gerry

    #820077

    Hi Gerry,

    Yes, try removing what was given before, but copy it to some file as a backup.
    Here is the new code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (max-width: 767px) {
      .html_header_top.html_bottom_nav_header #header_main {
        z-index: 3;
        height: 125px;
    }
    .responsive #top #wrap_all .main_menu {
        top: 53px;
        height: 8;
        left: 37%;
        display: block;
        position: absolute;
    }
    }
    
    .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu {
        width: auto;
        float: left;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #830243

    Hi Victoria
    I’ve added the code and removed previous code. However, the logo is aligning left on the mobile version. The logo is to be centered as well as the 3-bar menu (hamburger menu).

    How do I get the logo to center on the mobile version?

    Thanks
    Gerry

    #831014

    Hi Victoria

    On the mobile version the menu is not working – the second level links do not show. On the menu I set the parent links to #. Could this be the reason?

    Below is all the Quick CSS code I’ve added in case there is a conflict.

    Please also let me know how to get the logo to be centered on all devices inc mobile and tablets. And the hamburger menu to be centered under the logo on mobile and tablets.

    Hope you’re having a good day
    Thanks
    Gerry

    #832821

    Hi,

    Sorry for the late reply!

    1- Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    2- Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (max-width: 767px) {
    .responsive #top .logo {
        width: 100%;
    }}
    

    Best regards,
    Yigit

    #836529

    Hello Yigit

    Thanks for this. Login below.

    The second level links on the mobile menu don’t show and I wondered if that was because the parent button/link has just a hashtag?

    I added the Quick CSS you sent but the hamburger menu is not centered on mobile landscape view and on tablets (portrait view) the menu is on the right and the logo is smaller in proportion than it should be?

    Best
    Gerry

    #837953

    Hi Gerry,

    This is a thread about the menu issue. I checked on mobile and I see a regular menu, not the hamburger.

    Which one are you going to be using?

    Best regards,
    Victoria

    #838619

    Victoria

    The hamburger menu is not centered on tablets in portrait view – the menu is on the right and the logo is smaller in proportion than it should be. The menu is full menu on landscape view.

    Thank you for link above about second level menu on mobile not working after update. I read through the 3 pages of comments and saw that the fix was using 2 hashtags instead of 1.

    Gerry

    #838798

    Hi Gerry,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (max-width: 989px) and (min-width: 768px) {
      .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
        top: 15px;
        left: 45%;
      }
    }
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

Viewing 30 posts - 1 through 30 (of 39 total)

The topic ‘Font changed and text now showing as a series of o's’ is closed to new replies.