Layout Issues

Discussion in 'Compass WordPress Theme' started by smarta, Mar 7, 2017.

Thread Status:
Not open for further replies.
  1. smarta

    smarta Member

    Joined:
    Jul 20, 2012
    Messages:
    225
    Likes Received:
    4
    Hi

    a couple of issues on the site at http://smartawordpress.com/

    1. I'd like to make the slider (in this case it is only a single image) about one third of the current height
    I've tried lots of CCS tweaks but can't seem to get it

    2. I'd like to make a permanent line break in the menu so that "Recent Projects" and "Contact" both stay on the 2nd line (because the menu items have 2 or 3 words they tend to break awkwardly)

    I hope you can help!
     
    smith likes this.
  2. Naveen

    Naveen Guest

    Joined:
    Aug 8, 2014
    Messages:
    1,739
    Likes Received:
    64
    Hello Smarta,

    1) It's not so easy to make your slider image's height to one-third as it will require lots of changes from the source code.

    2) Regarding the menu item, you need to paste the below custom CSS code in Dahshboard->Appearance->Theme Options->Styling settings->Custom CSS field.

    Code:
    #menu .ddsmoothmenu li a {
        padding: 5px;   
    }
    This will help you to figure it out and resolve the issue(s).

    Warm Regards!
    Naveen Kolhe
    InkThemes.com
     
  3. smarta

    smarta Member

    Joined:
    Jul 20, 2012
    Messages:
    225
    Likes Received:
    4
    1. you guys have been able to adjust the size of sliders on other Ink Themes I have purchased - why not this one?


    2. that css does not help - it puts contact on 2nd link - but when the screen is smaller is moves the "list" from the next menu item down (therefore breaking the 3 word menu item) - I want each menu item (regardless of the number of words) to stay together
     
    smith likes this.
  4. Naveen

    Naveen Guest

    Joined:
    Aug 8, 2014
    Messages:
    1,739
    Likes Received:
    64
    Hello Smarta,

    We can change the slider height but it will require lots of changes from the source code and stylings in your site, It will be time-consuming as well.
    Regarding the menu, I have checked your menus and it is appearing fine, but for small screen, you must use below code to get the menus in proper alignement
    Code:
    @media only screen and (max-width: 960px) and (min-width: 767px){
    #menu .ddsmoothmenu li {
        margin-right: 15px;
    }
    }
    Warm Regards!
    Naveen Kolhe
    InkThemes.com
     
  5. smarta

    smarta Member

    Joined:
    Jul 20, 2012
    Messages:
    225
    Likes Received:
    4
    ok thanks

    I have made the slider image partly text so it sort of solved the problem ;=)
     
  6. Naveen

    Naveen Guest

    Joined:
    Aug 8, 2014
    Messages:
    1,739
    Likes Received:
    64
    That sounds great :)
     
    smith likes this.
Thread Status:
Not open for further replies.

Share This Page