Tagged: header widget, main-menu
I searched documentation and added a header widget for additional text next to my logo. But it starts right on top of my logo and I can’t figure what to change to position the text in the center of the header.
Also for header – menu and logo position choice – I chose Logo left, Menu below. How do I get that menu to be centered?
—————–
I tried to follow the documentation – I disabled the css & js file merging and compression. Should I enable that when I am not editing css?
Thanks much!
please help issue-additionally – I looked at mobile and the top is all messed up –
(an idea-or is there better way?)could I remove the widget for mobile as it takes up lot’s of room and is distorting site – if so how would I do this? Thank you!!
Hi pathaug,
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 (min-width: 1024px) {
#text-4 {
padding: 0;
left: 30vw;
}
.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu {
width: 600px;
margin: 0 auto;
float: none;
}
}
@media only screen and (max-width: 767px) {
#text-4 {
display: none;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Thank you!!
It worked great.
Thanks to you guys for being there for your customers during this uncertain time – I appreciate it!
Hi pathaug,
We’re glad to hear that :)
Thanks for using Enfold and have a great weekend!
Best regards,
Nikko