Moving .content-sidebar-wrap down in specific media query

[asbilly92]

Having frustrations with this, at certain break-point my menu changes to two lines (1335px ), at that point I need to move the .content-sidebar-wrap down and I've not been able to ...

I tried adding a custom / extra break-point like below but it's not working... any ideas??

* I am using a body class of .franchise just fyi; I do NOT want this to happen on the other pages just this one....

@media only screen and (max-width:  1336px) {

.franchise .content-sidebar-wrap {margin-top:50px;}
	
}

Maybe there's a better way to solve it??

https://www.spacemanagement.com/franchise-opportunities/

[Christoph]

Hi,

.content-sidebar-wrap will generally do nothing unless you specifically added something to it.
Body classes are a very good way to target specific pages.

Change this selector (around line 1991):
.franchise .content-sidebar-wrap main.content

to .franchise .content

Get rid of the two closing brackets } right underneath

And in the 1336px media query change the selector to .franchise .content and increase margin-top to at least 7%.

As soon as the hamburger menu shows, you should be able to add the selector with margin-top: 0;

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[asbilly92]

OK that kinda makes sense because since all the other pages have a huge featured image I haven't had to worry about it before and in the regular css (not media query) I successfully targeted it like this:

.franchise .content-sidebar-wrap main.content{margin-top:5%;}

Very similar to what you said: .franchise .content

But you have confused me with -

Get rid of the two closing brackets } right underneath??

I tried (what I thought you meant) it and I'm still doing something wrong; I tried this:

@media only screen and (max-width:  1336px) {

.franchise .content  {margin-top:7%;}
	
}

[Christoph]

These two closing brackets:
http://prntscr.com/bblyx2

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[asbilly92]

OH geeze how did those get there anyway lol 😉

Ok those were going along for the ride. They are gone now!

Yep after I changed it to 7% it worked 😉 YEA!

My hero of the day...hope you like the coffee lol!

THANK YOU!!!!!

[Christoph]

You are welcome.
I appreciate the coffee 🙂

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Author]

Posts