WordPress.org

Support

Support » Themes and Templates » Spun » [Resolved] Tablet issue with the menu

[Resolved] Tablet issue with the menu

  • Hello guys,

    Here is the problem:

    I managed to put the sidebar on the right. So far it works well on a cellphone or computer.
    But when I try with a tablet, the images overriding the menu on the right and I can’t click on any categories.

    Any idea how maybe reduce the width of the articles or anything else to fix it?

    Thx

    The website : http://www.cbvinylrecordart.com

Viewing 12 replies - 1 through 12 (of 12 total)
  • Moderator Andrew Nevins

    @anevins

    Forum moderator

    What CSS modification is causing the issue?

    I believe it has something to do with the css I used to put the widgets on the right side

    #primary {
    	float: left;
    	width: 80%; 
    
    }
    
    #secondary {
    	clear: right;
    	display: block;
    	padding: 50px 0;
    	float: right;
    	width: 16%; 
    
    }
    
    .sidebar-link {
    	display: none;
    }
    
    .widget-column {
    	width: 100%; 
    
    }
    
    .one.widget-column {
    	float: none;
    	margin: -60px 0 0 80px;
    
    }
    
    /*Remove bullets points from widgets*/
    ul li:before {
        content: "";
        padding: 0px;
    }
    Moderator Andrew Nevins

    @anevins

    Forum moderator

    What page has the sidebar on the right?

    All the articles

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    I guess you just need to reduce the width of the column that has your post content, at that screen size or smaller.
    E.g.:

    @media screen and (max-width: 1200px) {
    
     .single .hentry {
      padding: 0;
     }
    
    }

    It works perfectly fine.
    You re a superstar, thank you very much.

    Just the last issue, if you go in an article, you’ll see that on the menu “Star Wars” is on 2 lines.
    Any idea how to increase the width of the widget to have that star wars thing back in one line?

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    if you go in an article, you’ll see that on the menu “Star Wars” is on 2 lines.

    Sorry I don’t see that

    Arf,

    It’s actually when you click on any article, on the right side, you have the categories menu, you have a category called “Star wars” and when on tablet mode, it appears in 2 lines instead of one

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Yes I see now. You could give your sidebar a “min-width” style so it’s minimum of like 100px or whatever is wide enough to fit your “Star Wars” text on 1 line

    Should I put it in

    .widget-column {
    	width: 80%;
    }

    Or in

    .one.widget-column {
    	float: none;
    	margin: -40px 0 0 40px;
    }
    Moderator Andrew Nevins

    @anevins

    Forum moderator

    This is your sidebar:

    #secondary

    Isn’t it?

    It does the job in
    .one.widget-column

    So I’ll go for that.

    Once again, thank you very much for your help
    Much appreciated

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘[Resolved] Tablet issue with the menu’ is closed to new replies.
Skip to toolbar