Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

7.1 Hamburger Mobile Nav & Blog Bottom Nav


BobInAustin

Question

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. 🙂

 

Screen Shot 2020-02-23 at 12.21.41 PM.png

Link to comment
  • Answers 10
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

10 answers to this question

Recommended Posts

  • 0
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?

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0

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
On 2/24/2020 at 5:34 PM, 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. 

 

Link to comment
  • 0
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

#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?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...