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)
  • 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;
    }

    What page has the sidebar on the right?

    All the articles

    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?

    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

    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;
    }

    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