WordPress.org

Forums

Spun
[resolved] Tablet issue with the menu (13 posts)

  1. Ajisai
    Member
    Posted 1 year ago #

    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

  2. Andrew
    Nuh uh moderator
    Posted 1 year ago #

    What CSS modification is causing the issue?

  3. Ajisai
    Member
    Posted 1 year ago #

    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;
    }
  4. Andrew
    Nuh uh moderator
    Posted 1 year ago #

    What page has the sidebar on the right?

  5. Ajisai
    Member
    Posted 1 year ago #

    All the articles

  6. Andrew
    Nuh uh moderator
    Posted 1 year ago #

    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;
     }
    
    }
  7. Ajisai
    Member
    Posted 1 year ago #

    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?

  8. Andrew
    Nuh uh moderator
    Posted 1 year ago #

    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

  9. Ajisai
    Member
    Posted 1 year ago #

    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

  10. Andrew
    Nuh uh moderator
    Posted 1 year ago #

    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

  11. Ajisai
    Member
    Posted 1 year ago #

    Should I put it in

    .widget-column {
    	width: 80%;
    }

    Or in

    .one.widget-column {
    	float: none;
    	margin: -40px 0 0 40px;
    }
  12. Andrew
    Nuh uh moderator
    Posted 1 year ago #

    This is your sidebar:

    #secondary

    Isn't it?

  13. Ajisai
    Member
    Posted 1 year ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.