7.1 Hamburger Mobile Nav & Blog Bottom Nav

Site URL: https://roguesage.com

Hello All 

I left Brine and went with 7.1 (without knowing that I did that - lol) and while I've been able to get most the customizations dialed in, two allude me. On mobile, the hamburger nav blends in with my site name versus stands out. How can I bold that hamburger symbol for when its in mobile? 

On Brine, the always epic @tuanphan posted some code that more cleanly separated that "next blog" nav at the bottom of each post. Unfortunately, it does not work on this on 7.1. There are a lot of issues here. 

#1) the font size is huge (talking solely that bottom area that features previous posts)
#2) Its way to wide and needs more space from the bottom. 
#3) Like Tuan had done with Brine, it needs a good amount of white space once I have two posts on the bottom. 

This screenshot demonstrates. 
 

Many thanks for your time. 🙂

With burger, add to Home > Design > Custom CSS

.burger-inner::before, .burger-inner::after {
    height: 5px;
}

Thanks, Tuan! 

9 hours ago, BobInAustin said:

Thanks, Tuan! 

#1) the font size is huge (talking solely that bottom area that features previous posts)

Which elements?
#2) Its way to wide and needs more space from the bottom. 

Which space?
#3) Like Tuan had done with Brine, it needs a good amount of white space once I have two posts on the bottom. 

Can you share link to this page?

Hello Tuan!

Could you please help me with the same problem?

Or could you share the code on this page?

Thank you so much.

•  
• 8,347 posts

2 hours ago, Tjitske said:

Hello Tuan!

Could you please help me with the same problem?

Or could you share the code on this page?

Thank you so much.

 

 

•  
• 8,347 posts

• Report post
•  

Posted February 25

#1) the font size is huge (talking solely that bottom area that features previous posts)

Which elements?
#2) Its way to wide and needs more space from the bottom. 

Which space?
#3) Like Tuan had done with Brine, it needs a good amount of white space once I have two posts on the bottom. 

 

Which problem? Can you share link to exact page? on mobile or desktop?

Hi Tuan,

Sorry for my late reply.

It is a mobile problem.

https://tuba-indigo-az3a.squarespace.com/config/pages

The font size is to big and it needs more space in the bottom.

Thanks a lot for your time!

23 hours ago, Tjitske said:

Hi Tuan,

Sorry for my late reply.

It is a mobile problem.

https://tuba-indigo-az3a.squarespace.com/config/pages

The font size is to big and it needs more space in the bottom.

Thanks a lot for your time!

 

Which element?

Hej Tuan,

It would be nice to have a bit smaller font in this part and the online shop needs some space at the bottom.

Could you help me with that.

Thank you!

1 hour ago, Tjitske said:

 

Hej Tuan,

It would be nice to have a bit smaller font in this part and the online shop needs some space at the bottom.

Could you help me with that.

Thank you!

 

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.header-menu-nav * {
    font-size: 12px;
}
.header-menu-cta {
    margin-bottom: 100px;
}
}

Thank you so much!