Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • July 9, 2016 at 8:34 am #658711
    fleurlewis

    Hi again

    I can’t seem to find the right CSS to change, to increase the amount of space between my nav bar and my content.

    Can you please help?

    Will add login details below.

    Thanks
    Fleur

    July 11, 2016 at 12:15 pm #659191
    fleurlewis

    Can you help please?

    July 11, 2016 at 3:08 pm #659317
    Yigit

    Hi,

    Please edit your blog post and add Separator/Whitespace element and choose whitespace and adjust the height as needed

    Best regards,
    Yigit

    July 14, 2016 at 1:58 am #660625
    fleurlewis

    Hi Yigit

    The trouble with doing it this way, is that then on mobile mode the content is way too far down the page.

    Any idea what I can do?

    Cheers
    Fleur

    July 14, 2016 at 12:20 pm #660791
    Vinay

    Hi,

    We have enabled custom css class name support and added the below css in Quick css

    
.custom_gap {
   height:200px;
}
@media only screen and (max-width: 767px) {
.custom_gap {
   height:0px!important;
}

    Best regards,
    Vinay

    July 15, 2016 at 4:35 am #661127
    fleurlewis

    Hey, thanks for your help but this has pushed things down on every single page – unfortunately not what I was after!

    As mentioned above, this was only an issue on certain pages.

    This is an example of one of the pages I’m unhappy with:
    http://fleurmurphy.com.au/2016/04/21/quickfix-marketing-campaign/

    You’ll see the large image at the top is very close to the top nav bar.

    I tried simply adding padding to the top of the image, and that didn’t seem to work at all.

    Pages like this (post pages with the large image at the top) are the only ones I need changed.

    All the rest of the pages were perfect as they were.

    I’ve removed your code from my Quick CSS.

    Please help :)

    July 16, 2016 at 2:14 am #661575
    fleurlewis

    Hi again

    For some reason, the mobile nav bar is now cut off (half off the page).

    Can’t quite figure out why this would be the case… Any ideas?

    I think it’s related to the changes you guys made for me.

    Thanks
    Fleur

    • This reply was modified 8 years, 4 months ago by fleurlewis.
    July 16, 2016 at 2:15 am #661576
    fleurlewis

    PS I’m thinking the fix to my original problem here will be to:

    – Add a white space separator
    – Have it visible only on PC

    How do I go about this?

    July 17, 2016 at 7:16 am #661703
    fleurlewis

    Hi guys, still really really need your help with this, asap!

    I’m applying for a job today, and as this is my portfolio website, it doesn’t show me off in my best light :)

    Have made a few edits to the above so the issue is super clear.

    • This reply was modified 8 years, 4 months ago by fleurlewis.
    July 19, 2016 at 4:30 am #662332
    Ismael

    Hi,

    Please refrain from bumping or replying to your own thread because it gets pushed back to the end of the queue and moderators won’t be able to provide a response immediately. Please be patient while we go through the rest of the queue. Thank you for your understanding.

    You can try this in the Quick CSS field:

    .html_header_transparency .single-post #main {
    padding-top: 44px !important;
}

    Adjust the value as needed.

    Best regards,
    Ismael

    July 19, 2016 at 8:04 am #662350
    fleurlewis

    Thanks and sorry for causing hassles by inadvertently “bumping”… I kept figuring out more about the issue and wanted to let you know.

    That’s worked really well – and I think I’d like to make a similar adjustment on category pages like this one: http://fleurmurphy.com.au/capture/

    Would you mind providing me with the right CSS to be able to achieve this?

    July 21, 2016 at 2:46 pm #663410
    Rikard

    Hi,

    Sorry for the late reply. Are you sure that is a category page? It looks like normal page when I look at the code. You can try this to target that specific page: 

    .html_header_transparency .page-id-703 #main {
    padding-top: 44px !important;
}

    Thanks,
    Rikard

    September 9, 2016 at 8:47 am #684067
    fleurlewis

    Thanks Rikard

    How do I find the page ID so I can target specific pages like this?

    Cheers
    Fleur

    September 9, 2016 at 10:15 am #684092
    Vinay

    Hi,

    Right click and inspect the body tag to find the page ID class name.

    Best regards,
    Vinay

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.