See my attached image. I am looking to get the header beneath the main nav aligned so it is entered. Currently it is more off to the left but I would like it centered under the main menu.
Thanks that worked but you've made the header show up on mobile now, it was invisible on mobile before i think you removed that code, can you put that back?
We wanted to just align it on desktop but on mobile that widget bar header should not be visible on mobile.
The header widget bar is hidden on mobile now, and displayed centered at desktop version.
I have only one question; Was the widget bar also hidden on the front-page? A see a incorrect CSS selector that is targeting the front page that used the slider to hide the widget bar. If so I will rewrite this selector so it is also hidden on front page.
Hi Barry, i just checked and the header is missing from the desktop site, sorry for the confusion, but its meant to be showing on the desktop version at ALL times.
That's strange.. As the CSS is correct now and on my side the widget bar is displaying not on mobile version and on homepage desktop. On the rest of the pages, in desktop version, the widget bar is displaying. I'd picked a random to display; see the attachment.
Mobile - it doesn't show at all - which is CORRECT.
But on desktop i need the header bar showing on the homepage. Does that make sense?? It works on the other pages fine but its not showing up on the homepage on desktop - and i want it to show on desktop
Indeed i'm a little bit confused as some minutes ago you say you want to hide it on the homepage.
Thanks Barry for your prompt help!
I only want it hidden on the homepage i don't know anything about css but i only wanted it hidden on all mobile pages.
So lets make some things clear according from your last message.
1. Hide widget bar on mobile screens (that's till 992pixels wide) on entire website 2. Show widget bar on desktop screens (above 992pixels wide) on entire website.
So basically you want to hide the widget bar only on mobile screens through the entire website.
I just made the changes, maybe you need to clear your browser cache again or press ctrl + f5 (hard refresh) to see the changes on the website.
I think you got confused with that comment... i think its an english discrepancy where something has been lost in translation lol but thanks its all fixed and good now!
Hi there,
See my attached image. I am looking to get the header beneath the main nav aligned so it is entered. Currently it is more off to the left but I would like it centered under the main menu.
How do I do this?
Thanks, Julien.
Hi Julien,
Please add the following to the CSS area of the theme customizer:
.theme-alt-slider .header-widgets { display: none; }
@media (min-width: 992px) { .header-widgets { text-align: center; } }
That should do the trick.
Best regards,
Barry
QreativeThemes.com | WordPress Themes
Hi Julien,
Thank you. I made some CSS changes, now the header widget bar is aligned with the main navigation.
Best regards,
Barry
QreativeThemes.com | WordPress Themes
Hi Barry
Thanks that worked but you've made the header show up on mobile now, it was invisible on mobile before i think you removed that code, can you put that back?
We wanted to just align it on desktop but on mobile that widget bar header should not be visible on mobile.
Thanks
Hi Julien,
The header widget bar is hidden on mobile now, and displayed centered at desktop version.
I have only one question; Was the widget bar also hidden on the front-page? A see a incorrect CSS selector that is targeting the front page that used the slider to hide the widget bar. If so I will rewrite this selector so it is also hidden on front page.
Best regards,
Barry
QreativeThemes.com | WordPress Themes
Thanks Barry for your prompt help!
I only want it hidden on the homepage i don't know anything about css but i only wanted it hidden on all mobile pages.
You're welcome!
Now the widget bar is hidden on mobile phone and only on the homepage for desktop, as requested
Best regards,
Barry
QreativeThemes.com | WordPress Themes
Hi Barry, i just checked and the header is missing from the desktop site, sorry for the confusion, but its meant to be showing on the desktop version at ALL times.
Mobile - NEVER shows
That's strange.. As the CSS is correct now and on my side the widget bar is displaying not on mobile version and on homepage desktop. On the rest of the pages, in desktop version, the widget bar is displaying. I'd picked a random to display; see the attachment.
Can you try to remove your browser cache?
Thanks
Best regards,
Barry
QreativeThemes.com | WordPress Themes
Hi Barry,
I think you are getting confused.
I need it to show on desktop on the homepage.
Mobile - it doesn't show at all - which is CORRECT.
But on desktop i need the header bar showing on the homepage. Does that make sense?? It works on the other pages fine but its not showing up on the homepage on desktop - and i want it to show on desktop
Indeed i'm a little bit confused as some minutes ago you say you want to hide it on the homepage.
So lets make some things clear according from your last message.
1. Hide widget bar on mobile screens (that's till 992pixels wide) on entire website
2. Show widget bar on desktop screens (above 992pixels wide) on entire website.
So basically you want to hide the widget bar only on mobile screens through the entire website.
I just made the changes, maybe you need to clear your browser cache again or press ctrl + f5 (hard refresh) to see the changes on the website.
Best regards,
Barry
QreativeThemes.com | WordPress Themes
I think you got confused with that comment... i think its an english discrepancy where something has been lost in translation lol but thanks its all fixed and good now!
No problem, I'm glad everything is working as desired now
Feel free to ask if you have any questions.
Best regards,
Barry
QreativeThemes.com | WordPress Themes