Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • February 22, 2015 at 5:03 am #400178
    xfacta

    Hi there

    I have a created the Logo and Main Menu in the left sidebar, however when I try to add a background colour in the socket area it starts to fill up the left sidebar menu area as well. there are also some lines in that area I want to remove.

    I have aded a Pinterest widget in this area as well but there is a large gap area (padding) around it. And I would like to fill it out more please.

    Also with the socket area – if there is not enough content in a particular page the socket area grows to fill it – how do I stop that and just keep it a small area along the bottom?

    Thanks in advance :-)

    February 22, 2015 at 11:43 pm #400302
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    February 22, 2015 at 11:49 pm #400304
    xfacta

    Hi there

    Here you go: http://natashasolley.com
    There is a big gap at the bottom of the homepage :-(

    Also on this page there is a big gap between the top header and the color section??
    http://natashasolley.com/online-2/

    I found this bit of code helps to keep the socket small: Is this correct?
    }
    #footer{
    padding:0px 0 0px 0;
    z-index: 1;
    }

    Cheers

    February 23, 2015 at 12:50 am #400320
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #header_main{ background: white; }

    Cheers! 
    Josue

    February 23, 2015 at 12:59 am #400325
    xfacta

    Hi there

    No sorry didn’t work :-(

    What about all the big gaps appearing on homepage and Online?

    Cheers

    February 23, 2015 at 4:50 pm #400768
    Yigit

    Hey!

    Please add following code to Quick CSS 

    .html_stretched #wrap_all {
background-color: white;
}

    Cheers!
    Yigit

    February 23, 2015 at 11:30 pm #401079
    xfacta

    Hi there

    Sorry still not fixed:-(

    What about all the big gaps appearing on homepage and Online Portfolio?

    Cheers

    February 24, 2015 at 3:20 pm #401457
    Yigit

    Hi!

    Code is currently not being applied. Please try adding !important rule as following

    .html_stretched #wrap_all {
background-color: white !important;
}

    and if that does not work, please post temporary admin logins.
    Can you post a screenshot and show the gaps? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Best regards,
    Yigit

    February 24, 2015 at 10:55 pm #401753
    xfacta
    This reply has been marked as private.
    February 24, 2015 at 11:38 pm #401778
    Yigit

    Hi!

    Please review your website now. I moved the code to top of Quick CSS field and it worked. Please review your custom CSS code. Can you please post a screenshot and show the gap as i still could not find any anormal gap :/ You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Cheers!
    Yigit

    February 24, 2015 at 11:56 pm #401781
    xfacta
    This reply has been marked as private.
    February 25, 2015 at 4:02 pm #402113
    Yigit

    Hi!

    Which browser and OS are you using?
    If you are using a browser plugin/extension, please disable them and check once again. I cannot reproduce the issue on my end on Chrome, Firefox and Safari on OS X 10.10 – http://imgur.com/a/x3lbP

    Best regards,
    Yigit

    February 25, 2015 at 11:15 pm #402387
    xfacta

    HI there
    I’m using Safari on Yosemite 10.10.2

    I only had one extension which I turned off but still had the same issue – weird!

    Cheers

    February 26, 2015 at 1:36 pm #402636
    Yigit

    Hey!

    I checked your website on Safari 8.0.2 on Yosemite 10.10 and this is how it looks on my end – http://i.imgur.com/ql7Pusx.png
    I asked Andy to check your website on Safari on his Mac. Please kindly wait to hear from him :)

    Best regards,
    Yigit

    February 26, 2015 at 2:45 pm #402678
    begrafiks

    Hi xfacta and Yigit,
    sorry to jump in ;)

    I’ve realised (on Mac OSX 10.6.) chrome and firefox that :
    If the screen size is bigger then 1600px there is a large gap (701px),
    of the screen size is less then 1600px it turns to 189px.
    In “enfold_child.css there is the code below :

    @media only screen and (min-width: 1600px) {
#main .content { min-height: 650px; }}
    February 26, 2015 at 2:53 pm #402683
    Yigit

    Hey!

    Thank you @begrafiks for pointing that out. I changed the screen resolution and now i see that gap too :)

    @xfacta     Please remove the code @begrafiks posted from Quick CSS/Style.css

    Regards,
    Yigit

    February 26, 2015 at 11:10 pm #403056
    xfacta

    Wooohoooo! It worked :-)

    Thank you so much

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Logo and Main Menu – left sidebar’ is closed to new replies.