-
AuthorPosts
-
September 21, 2018 at 4:03 pm #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,
September 22, 2018 at 2:44 am #1012965Hey 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 hereBest regards,
MikeSeptember 24, 2018 at 6:49 pm #1013749Thank 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!
September 25, 2018 at 6:56 am #1014016Hi,
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,
MikeSeptember 25, 2018 at 3:39 pm #1014240Thanks 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;
}September 25, 2018 at 6:43 pm #1014374Hi 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,
VictoriaSeptember 25, 2018 at 6:49 pm #1014379No problem
- This reply was modified 6 years, 3 months ago by Victoria.
September 26, 2018 at 2:42 pm #1014748Hi ginnywills,
Credentials did not work for me. Could you please update the credentials?
Can you post the login link as well, please?
Best regards,
VictoriaSeptember 26, 2018 at 4:20 pm #1014841Sorry – try this:
September 27, 2018 at 4:33 am #1015091Hi,
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,
MikeSeptember 27, 2018 at 2:11 pm #1015288Hey
Its still not working for me. I cleared my cache, looked at an incognito window, etc.Help?
September 27, 2018 at 3:46 pm #1015341Hi –
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??September 28, 2018 at 2:59 am #1015566Hi,
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,
MikeSeptember 28, 2018 at 5:57 pm #1015829Hi
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,
GinnySeptember 29, 2018 at 3:44 pm #1016065Hi,
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,
MikeSeptember 30, 2018 at 5:32 pm #1016294Hey – 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.September 30, 2018 at 6:39 pm #1016303Hi,
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,
MikeOctober 1, 2018 at 9:38 pm #1016756Thank you! It looks great!
October 2, 2018 at 12:59 am #1016786Hi,
I’m glad you got this resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘Burger Menu is centered’ is closed to new replies.