-
AuthorPosts
-
August 12, 2014 at 3:52 pm #303266
Hi there!
Is it possible to have the mobile header/menu/navigation scroll with the page so it’s always at the top? If so, is it possible to have it be a different color (and with a different logo) than on the desktop site?
Thanks!
August 12, 2014 at 4:15 pm #303278Hey Alex!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
@media only screen and (max-width: 767px) { .responsive #top #header { position: fixed; } #header_main { background-color: orange; } div#main { margin-top: 82px; } .logo img { opacity: 0; } .logo a { background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png); background-repeat: no-repeat; background-size: contain; } }
I could not help but noticed that you have started 17 topics within two days. We would gladly help you with some code snippets but please note that we are not a customization service and providing heavy theme customization is out of our scope. Thank you for your understanding.
Best regards,
YigitAugust 13, 2014 at 1:40 am #303505Hi Yigit,
Thanks for passing this along. When I saved this code in the Quick CSS, it broke the fonts I have on my site (Arvo for headers, Source Sans Pro for body copy). However, it’s only breaking on desktop—it looks fine on desktop and mobile.
And yes, I know I opened a lot of tickets. I’m sorry, and I really appreciate all the help you guys give. You have the best support team out of any other theme I’ve purchased in the past. For what it’s worth, I’ve had seven of my friends buy your theme after I recommended it to them :)
Best,
AlexAugust 13, 2014 at 2:02 pm #303819Hey!
Can you post a screenshot and show the issue? That code should not break anything, especially fonts :)
Cheers!
YigitAugust 14, 2014 at 2:16 am #304118Hi Yigit,
Here’s how my homepage looks without the code in there: https://www.dropbox.com/s/o5xzqmi5oso8j9x/1-1.png
And then here’s how it looks when I drop the code in to Quick CSS: https://www.dropbox.com/s/r0sd2c5025opg7k/1-2.pngAugust 14, 2014 at 12:54 pm #304352Hi!
The code i posted has nothing to do with fonts :/ Can you apply the code to Quick CSS and post the link to your website so we can see the issue live?
Best regards,
YigitAugust 14, 2014 at 11:55 pm #304631Hi Yigit,
I posted the code and you should see the font change live now.
Thanks!
August 15, 2014 at 3:51 am #304679Hey!
Yigit’s snippet has nothing to do with fonts. Weird that it’s acting up that way. Please try to toggle the font setting on the General Styling panel. See if that reverts the font style to normal. Also, try to deactivate the cache plugin or purge it while working on the site.
Regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.