0
Welcome Guest! Login
0 items Join Now

SOLVED visible-large shows empty position on smaller size

Last Post
Search Topic
    • CCCC's Avatar
    • CCCC
    • Newbie
    • Posts: 13
    • Thanks: 1

    SOLVED visible-large shows empty position on smaller size

    Posted 11 years 2 months ago
    • I hope this is going in the right area, but I seem to have a slight issue with the "visible-large" class on Anacron.

      I will attach a link to view the error, but here is the setup. I have a module with social buttons set in the "header-c" position. That module has the "visible-large" class attached to it. For extra measure I used it in the div tag as well. Everything functions as it should, hiding the module on a smaller window size. However, it still leaves a "header-c" position block. This causes the menu to drop to 2 lines on a desktop size screen.

      Is there a way to make the module with the social buttons appear on a large size screen, as desired, but make it so when on a smaller size there are only 2 positions showing (header-a and header-b)? This would allow the menu to use the full size of the screen and not get pushed to 2 lines.

      Thank you in advanced for any help. I have looked for an answer on this issue and havent been able to find anything yet.

      Link to site: www.clearchoicecreative.com/shhh/
    • Last Edit: 11 years 2 months ago by CCCC.
    #1073596
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: visible-large shows empty position on smaller size

    Posted 11 years 2 months ago
    • Hi there,

      For desktop you could try adding the following code to rt_anacron-custom.css

      @media (min-width: 960px) and (max-width: 1199px) {
     body.layout-mode-responsive #rt-header .rt-grid-8 {
          width: 800px;
     }

     body.layout-mode-responsive #rt-header .rt-omega {
           width: 0px;
     }
}

      If this resolves your problem then please edit your first post in this thread by adding [SOLVED] at the start of the title and click on the icon and select the 'tick' icon. This lets the moderators know that it can be moved to the solved section.

      Thanks for your cooperation :)

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
    #1073713
    • CCCC's Avatar
    • CCCC
    • Newbie
    • Posts: 13
    • Thanks: 1

    Re: SOLVED visible-large shows empty position on smaller size

    Posted 11 years 2 months ago
    • This worked perfectly. I added ,

           @media (min-width: 768px) and (max-width: 959px) {
    body.layout-mode-responsive #rt-header .rt-grid-8 {
    width: 640px;
    }
     
    body.layout-mode-responsive #rt-header .rt-omega {
    width: 0px;
    }
    }

      This helped on smaller screen sizes than a desktop. Thanks for the help!

    • The following users have thanked you: David Goode

    #1074081
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: SOLVED visible-large shows empty position on smaller size

    Posted 11 years 2 months ago
    • Hi there,

      As you only asked about desktops that was all I looked at :blush:

      Thanks for posting the extra code as it may help others.

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
    #1074090

Time to create page: 0.054 seconds