+ Reply to Thread
Results 1 to 5 of 5

Thread: Mobile Position Issue

  1. #1

    Mobile Position Issue

    Hello,

    I have made some adjustments to my css, and hit a wall on mobile. from 991px wide and lower, the mobile menu is on top overlapping the category sidebar. You can see if you go to https://www.webfx.com/tools/whats-my-browser-size/ and adjust you browser width to 991px or less and open my website at the following page:

    https://www.worldclassads.com/classi...assifieds.html
    Thank you - Your Welcome
    Brian

  2. #2
    I haven't fixed this issue, but I did find out what I could do if no one can figure this one out. It has to do with the following:

    This:
    <aside class="left col-md-4">

    or This:

    <section class="side_block categories-box stick">

    But, when I adjust one of those, it's affecting the desktop version (larger than 991px) of the category sidebar as well, so if I adjust the margin-top to lower it for mobile, it will work, but it will also affect the desktop version (larger screen widths) as well. So I am sure I could use a media query to adjust those, but since I didn't change that from the beginning, I would like to try to fix what I did wrong.

    Update: Still not fixed, but to be a bit more clear, it's affected from 768px up to 991px.
    Last edited by Brian Jester; December 26, 2018 at 11:11 PM.
    Thank you - Your Welcome
    Brian

  3. #3
    Hello Brian,

    You need to add style in css.
    Open file: ftp://templates>>your_template>>css>>style.css

    find line:
    Code:
    Only registered members can view the code.
    on the next line add a new styles:

    Code:
    Only registered members can view the code.
    Viktor,
    Flynax technical department,
    Best wishes.

  4. #4
    Quote Originally Posted by Viktor View Post
    Hello Brian,

    You need to add style in css.
    Open file: ftp://templates>>your_template>>css>>style.css

    find line:
    Code:
    Only registered members can view the code.
    on the next line add a new styles:

    Code:
    Only registered members can view the code.
    Viktor,

    Just tried that, but when I opened the page, the mobile side is fixed, but the desktop size is messed up. Can you check?
    Thank you - Your Welcome
    Brian

  5. #5
    Quote Originally Posted by Viktor View Post
    Hello Brian,

    You need to add style in css.
    Open file: ftp://templates>>your_template>>css>>style.css

    find line:
    Code:
    Only registered members can view the code.
    on the next line add a new styles:

    Code:
    Only registered members can view the code.
    It's fixed! Thank you Viktor!
    I had the too many closing curly brackets.

    You guys are the best!
    Thank you - Your Welcome
    Brian

+ Reply to Thread