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

NAVIGATION DROP DOWN BAR ON MOBILE SITE IS VERY LARGE

Question

Guest

when my site is used on mobile display - the navigation dropdown is so large and scale off the mobile page. I wondered if there is a CSS code for this. Please can somebody help :)

Edited by Guest
Initial Revision

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 0

@ccammidget no one can help without site url


Send me a message if you have any questions (free 10 minutes).

4000+ free code: Adirondack - Avenue - Brine - Bedford - and more (all 7.0 template & 7.1)

Useful guide: How to share url (trial plan) - 2 languages site - 3 languages

Plugins: Product Enquiry Form - Product Color/Image Swatch VariantLightbox Anything

Learn CSS Basic: Treehouse - W3Schools - Flexbox

Other groups: SS Customization Resource Group - SS CSS Support - SS Community

 

Share this post


Link to post
  • 0
Guest

thanks for your reply.its: www.fentonfilm.com

Share this post


Link to post
  • 0

@ccammidge Add to Home > Design > Custom CSS


@media screen and (max-width:768px) {
a.nav-item-page {
   font-size: 16px;
}
}



Send me a message if you have any questions (free 10 minutes).

4000+ free code: Adirondack - Avenue - Brine - Bedford - and more (all 7.0 template & 7.1)

Useful guide: How to share url (trial plan) - 2 languages site - 3 languages

Plugins: Product Enquiry Form - Product Color/Image Swatch VariantLightbox Anything

Learn CSS Basic: Treehouse - W3Schools - Flexbox

Other groups: SS Customization Resource Group - SS CSS Support - SS Community

 

Share this post


Link to post
  • 0
Guest

thanks very much, problem is it has made the secondary navigation smaller but not the main navigation. It also still does not fit on page.Thank you

Share this post


Link to post
  • 0

@ccammidge try this


@media screen and (max-width:768px) {
nav.mobile-primary-nav-links {
   font-size: 16px;
}
a.nav-item-page {
    font-size: 16px;
}
}



Send me a message if you have any questions (free 10 minutes).

4000+ free code: Adirondack - Avenue - Brine - Bedford - and more (all 7.0 template & 7.1)

Useful guide: How to share url (trial plan) - 2 languages site - 3 languages

Plugins: Product Enquiry Form - Product Color/Image Swatch VariantLightbox Anything

Learn CSS Basic: Treehouse - W3Schools - Flexbox

Other groups: SS Customization Resource Group - SS CSS Support - SS Community

 

Share this post


Link to post
  • 0

@media only screen and (max-width: 768px)
{
.mobile-primary-nav-links {
   font-size: 25px;
   letter-spacing: 0em;
   line-height: 2em;
}

.mobile-secondary-nav-links {
   font-size: 25px;
   letter-spacing: 0em;
   line-height: 1.9em;
}}





Hi, I'm BITTU. A website developer with 8 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com Best Hourly Rate :- $15 Per Hour

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...