Forum Replies Created
Amazing! thank you!
How can I change the mobile nav menu font?
That’s because I removed the background colour and margin!
Okay i figured out how to hide the blog category…
div.post-meta.post-meta-two{display:none;}
Solution for this topic
Don’t worry! I worked it out.
Unyson > Page Builder > Settings
Sure. http://edenfestival.co.uk/SITE/news/
You’ll also notice I’ve added a margin to the elements which is causing the third column to drop down a line. I think this is a problem with Unyson. However, how can I achieve the margin and keep 3 columns?
Cheers,
Reuben.
Okay that’s fair enough. I’m confident i can solve the nav bar issue myself.
However, surely you can explain why background-size: cover does not work properly on mobile? Is there a media query somewhere that is over ruling it?
Many thanks,
Reuben
Okay that’s a great start. Thank you.
However, my nav bar is lower than usual so I need the post content to appear further down the page. I tried adding padding-top to body.single.single-post {} but that pushes the nav down too.
You can see the example here – http://edenfestival.co.uk/SITE/2017/02/10/eden-2017-second-line-up-announcement/
Also, on mobile the background image is cut in half, instead of shrinking proportionally.
Is it possible to centrally align the post title? And change the font/color?
How would I control the padding either side of the post content?
Thanks again.
Reuben.
Yup. Everything went crazy!
Not to worry. I’ve solved it with css.
Okay thank you for testing.
According to the Contact Form 7 support forum. This method should work with Visual Composer.
Is there any reason I can’t install Visual Composer with Javelin installed? Will Unison Page Builder and Visual Composer conflict?
Many thanks.
Reuben.
Certainly. And thank you for the prompt response!
http://edenfestival.co.uk/SITE/essential-info/
You’ll see I tried to change the accordion title font with css, but it just displays the code.
Thanks again!
That’s great. Thank you.
What is the class name or ID of the menu icon? I can’t seem to select it with web inspector…
Hello again. Apologies for the delayed response!
If you go to thelostdisco.co.uk and scroll down to the ‘Part of the Adventure’ section, you’ll see I used your code to turn LOCAL RESTAURANTS, ACCOMMODATION, RENTALS, etc. into buttons.
However, only the Heading Pro element (the words LOCAL, etc.) is clickable. I’d like the containing column element to be clickable (the background image). How would i achieve this?
Many thanks.
Reuben.
thelostdisco.co.uk
Hey thank you for your quick response! Great support.
Your solution partially works. It makes the Heading Pro element within the column element clickable, but not the whole column…
Amazing! Thank you!
Sure – thelostdisco.co.uk
That works well for the home page, but on other pages, when there’s no need for the circle to change colour, it still does.
Also, out of interest, why are the social media buttons slightly lower than the nav text?
Okay great. Thank you.
I have more sections on my site that I may wish to apply your margin code to. How do I find out the relevant classes, like
.sh-section-7f9dce084d0526e8808ea49ca6f36edf for these sections?Many thanks.
That creates a white circle around the icon, but obviously when you scroll down and the header becomes white, it’s invisible. The icons change from white to black.
It also seems to move independently when you scroll.
