Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #1012817

    Hi,

    I just started on this site yesterday so I have not done much work yet, but I can’t get the burger menu to be left aligned. I want the logo to be centered by the menu to be on the left. Is that possible?

    Also, can you tell me how to add my own google font?

    Thanks,

    #1012965

    Hey ginnywills,
    Please try this code in the General Styling > Quick CSS field:

    .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu {
        width: 1% !important; 
        float: left !important; 
    }
    .html_av-overlay-side .av-burger-overlay-scroll {
        left: 0 !important;  
    }
    

    To add your own Google Font, please download your font at https://fonts.google.com/ and then add it to your theme at Enfold Theme Options > Import/Export > Custom Font Manager
    Please read about this here

    Best regards,
    Mike

    #1013749

    Thank you.

    Can you also tell me how to make the social icons in the top bar AND in the socket bigger? I have also noticed they disappear when looking on the phone. How can I get them to stay?

    Thanks!

    #1014016

    Hi,
    To make the social icons bigger please try:

    /* larger socket social icons */
    #socket .social_bookmarks li a {
    width: 50px!important; 
    line-height: 50px!important; 
    min-height: 50px!important; 
    font-size: 30px;
    }
    
    #socket .social_bookmarks li {
    height: 50px!important; 
    width: 50px!important; 
    }
    
    #socket .social_bookmarks {
        height: 60px!important;
    }
    
    /* larger header social icons */
    #header_meta .social_bookmarks li a {
    width: 50px!important; 
    line-height: 50px!important; 
    min-height: 50px!important; 
    font-size: 30px;
    }
    
    #header_meta .social_bookmarks li {
    height: 50px!important; 
    width: 50px!important; 
    }
    
    #header_meta .social_bookmarks {
        height: 60px!important;
    }
    

    Please adjust the size to suit.

    The socket social icons stay visible at mobile sizes, but to make the header ones stay visible please try this:

    @media only screen and (max-width: 479px) {
    .responsive #top #wrap_all #header .social_bookmarks {
        display: block !important; 
    }
    .responsive #top #wrap_all #header_main .av-logo-container .main_menu .noLightbox.social_bookmarks {
    display: none !important;
    }
    }

    Best regards,
    Mike

    #1014240

    Thanks for this. The CSS worked great with the social icons.

    In the meantime, I had loaded a new google font per your instructions, but its not rendering on the front end. I am trying to use Didact Gothic and have even included the following CSS but its not showing.
    p, h1, h2, h3, h4, h5, h6 {
    font-family: ‘Didact Gothic’, sans-serif;
    }

    #1014374

    Hi ginnywills,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    #1014379

    No problem

    • This reply was modified 6 years, 3 months ago by Victoria.
    #1014748

    Hi ginnywills,

    Credentials did not work for me. Could you please update the credentials?

    Can you post the login link as well, please?

    Best regards,
    Victoria

    #1014841

    Sorry – try this:

    #1015091

    Hi,
    I took a look at your font css and added “!important; ” like this:

    p, h1, h2, h3, h4, h5, h6 {
    font-family: 'Didact Gothic', sans-serif !important; 
    }

    and it now seems to be working, Please clear your browser cache and check.

    Best regards,
    Mike

    #1015288

    Hey
    Its still not working for me. I cleared my cache, looked at an incognito window, etc.

    Help?

    #1015341

    Hi –
    I also decided I wanted to see the menu as text, instead of the burger menu, and its all screwed up. I removed the CSS that you we put in but it didn’t make a difference. Not sure what’s going on??

    #1015566

    Hi,
    I took a look at your site, and see you have the burger menu loading for mobile devices smaller than a tablet, which looks fine now, but I see you would have a lot of menu items if you switched to text for mobile. Is that what you meant by “all screwed up”?
    Please see our menu customizations document page for some menu options.

    Best regards,
    Mike

    #1015829

    Hi

    Thanks for getting back to me. My menu was all screwed up yesterday but fixed itself mid day strangely.

    However, the font issue is still outstanding. I loaded the google font as instructed and added the CSS code as instructed, but it is still not rendering in any headings or any paragraph text. Strangely it does show in unordered lists (provided the link to show you the page). Also, if you look on a single blog post you will see the categories listed in the sidebar are using the correct font.

    Can you please have a look??
    Thanks,
    Ginny

    #1016065

    Hi,
    I have taken a look, but inspecting the headings and paragraph text, the didact-gothic font is listed, and comparing then to the sidebar categories, that you said was correct, looks the same.
    Perhaps it’s a caching issue for you?
    Please see the screenshot in Private Content area.

    Best regards,
    Mike

    #1016294

    Hey – thanks again for looking at this but the font that is showing is NOT Didact-Gothic. You can easily tell by looking at the lowercase “a”. I’m actually not sure what is showing, but it looks a lot like Arial to me.

    I have cleared cache and called the hosting company and they cleared the cache too. I have deleted the caching plugin. I have looked at it in a Chrome Incognito window, Safari Private window, and Firefox. It looks the same in every browser – using Arial font.

    Perhaps importing fonts does not work after all?

    Thanks,
    G.

    #1016303

    Hi,
    Thanks for pointing out about the “a”
    Ok so I removed the css in your Quick CSS:

    p, h1, h2, h3, h4, h5, h6 {
    font-family: 'didact gothic' !important; 
    }
    

    and now your page looks correct.
    Please clear your browser cache and check.

    Best regards,
    Mike

    #1016756

    Thank you! It looks great!

    #1016786

    Hi,

    I’m glad you got this resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Burger Menu is centered’ is closed to new replies.