Jump to content
Farida

Navbar overlap because of modified brand image

Recommended Posts

Farida    0
Farida

Hello- the site is trailheadcounselling.com and as you will see, I've modified the size of the brand image. The layout of the whole siteis based on the width of the brand image, so I don't want to change that. (eg the sidebar is mapped right underneath the brand image)

 

The problem is that the menu items: Home, About, Counselling Fees etc. OVERLAP the brand image at 768-800px width, and the little phone menu overlaps the brand image at 240px width (screen size) 

 

You can test it here:http://mattkersley.com/responsive/

 

I designed the site on a very wide screen, so didn't notice this problem till the very end, and now it's all designed, but buggy. 

 

I would like to shrink the menu responsively. What can I do?

 

Thank you.

post-46967-0-72969600-1363835400_thumb.p

post-46967-0-21478300-1363835425_thumb.p

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

HI,

 

The menu is already responsive, the issue is, you're using an image in the Fixed Navigation that is simply far too large. The maximum image height accepted is 29 pixels, as stated in the option description, Therefore, the only option I can recommend is for you to reduce the image size.

 

You're also using custom CSS, we are unable to provide support for user created CSS.

 

If you to keep your design the way it is and require further assistance, I recommend you contact one of our Pros.

http://www.pagelines.com/pros/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Farida    0
Farida

Danny, I already know that the brand image is large, but that is the size I would like to maintain. 29 pixels would not have worked for my design, as you can see, the logo needs to be legible and 29 pxls is too small. I also already mentioned that the whole design of my site (the balance of the sidebar vs content area) is based on the size of the brandimage/logo.

 

I cannot afford to contact a pro. So now: For the extra $14 I have been paying monthly for support, if you can just tell me where the responsiveness of the site is coded- ie, what css I need to find and modify, then I'll figure it out myself. Do I need to write a media query and override the base design via custom css? 

 

Thank you.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

You will most likely need to use a media query on either your logo image or your navigation menu. You could also try reducing the font size of your navigation menu items.

 

If you resize your browsers window, then load up Chromes web dev tools, you can find the correct media query.

 

Also, the $14 per month does not include extra or priority support, it gives you access to Live Chat, all PageLines created sections, themes and plugins and free updates/upgrades.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

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

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • BentleyD
      By BentleyD+
      Hey there,
       
      I am working on BentleyRolling.com. I used grams on MoonbodySoul.com and all the images are cropped to a square, whether they are square or 4:5 when posted on instagram, they still get cropped to a square. This looks way better than some being squares and some being 4:5. Did something change since I designed MoonBodySoul.com with Platform5? Can you help me crop all images to a square on BentleyRolling.com 
       
      All the best,
       
      Bentley
    • cstudio
      By cstudio
      How do I control the lightbox effect on the plugin "popthumbs"?  On mobile, it opens up much to small then when expanded it opens to large.  I would like to control the the lightbox to like 90% of the viewer window but I can't figure out how/where to control that.
      Site example

       
      Thx
    • Grant Turck
      By Grant Turck+
      Navbar Broken on All Devices When Not Logged Into Wordpress. See screenshots attached from mobile. What is causing this issue and how do I fix? Site is venicepride [dot] org.


    • Queue-it
      By Queue-it+
      Hi,
      I am using pl-section-journey and hiding most of the images. When running the page via google speed insights, it tells to optimize all the images that are in this plugins default. (e.g. https://queue-it.com/wp-content/plugins/pl-section-journey/images/drawer-5.jpg ) Like this one that is not visible on the website, but is a part of the plugin and comes up in google insights.
      I've deleted all the images in the plugin, but they still seem to come up. Ref. this page: queue-it.com/features
    • globalnative
      By globalnative+
      Hi there!
      I'm trying to create a featured image for my new blog post. It has text in it, and when I add it as a featured image some of the text is cut off on the right.
      Could I get the ideal dimensions for featured images? Or, a way to customise the dimensions so that they are easier to fit in the way I need?
      Thank you kindly
      Nate
       


×