Forum Replies Created

Viewing 11 replies - 1 through 11 (of 11 total)
  • Thread Starter CuAv

    (@cuav)

    yeh,it seems to work. Only problem now is that the content below is too close to the main.nav . Do you know how I move the content down?

    the site is http://www.cuckooavenue.com

    also, you dont know a good site to try and find somebody to pay to help build my site do you? Im an amateur as im sure you can tell. Im enjoying learning but time doesnt hang around and got to get it up and running soon.

    Thanks,

    Thread Starter CuAv

    (@cuav)

    .logo-wrap { position: relative; overflow: hidden; min-height: 80px; padding: 42px 0 30px; }

    Thread Starter CuAv

    (@cuav)

    Hi ,sorry for the late reply, where is the logo wrap text?

    Thread Starter CuAv

    (@cuav)

    ok, no problem, thanks for your help though!

    Thread Starter CuAv

    (@cuav)

    ar ok, I think there is just a bit of dead space underneath the article title which was where […] was. Thats the bit I want to get rid of. Also you might know the answer to this, im trying to move my main.nav bar higher to the iamge at the top of the page. http://www.cuckooavenue.com Ive played around with the padding but dont know how to move it up and down. this is what the CSS looks like

    /***** Navigation *****/

    .main-nav { font-family: ‘Lato’, Helvetica, Arial, sans-serif; font-weight: 900; text-transform: uppercase; text-align:center; }
    .main-nav li { display:inline-block }
    .main-nav li a { display: block; color: #b3b3b3; font-size: 18px; font-size: 1.125rem; line-height: 1; letter-spacing: 1.7px; padding: 12px 0; margin-right: 50px; }
    .main-nav li a:hover { color: #000; }
    .main-nav ul li a, .main-nav ul .current-menu-item:hover > a { border-bottom: 2px solid #fff; }
    .main-nav ul .current-menu-item > a { border-bottom: 2px solid red; color: #000; }
    .main-nav ul ul li a, .main-nav ul ul .current-menu-item:hover > a, .main-nav ul ul .current-menu-item > a { border: none; }
    .main-nav ul li:hover > ul { display: block; background: #fff; z-index: 9999; }
    .main-nav ul ul { display: none; position: absolute; left: -20px; }
    .main-nav ul ul li { padding: 0 20px; width: 13rem; background: #f6f6f6; }
    .main-nav ul ul ul { left: 100%; top: 0; }
    .tinynav { display: none; }

    any ideas? And if theres anything I can help with please let me know! Probably not wordpress related though,ha

    Thread Starter CuAv

    (@cuav)

    ok, i just added a space instead and it worked, problem is now that the gap is still there where […] existed. Any ideas how to get rid of that dead space?
    thank you for your help, much appreciated!

    Thread Starter CuAv

    (@cuav)

    Thanks, but thats what I originally tried, it did not do anything and I cant get rid of it, i think i need to go into editor and change the code. any ideas?

    Thread Starter CuAv

    (@cuav)

    Sweet, it worked, thank you! I have many other questions if you got some time to pick your brain?

    Thread Starter CuAv

    (@cuav)

    ok, so where do I place that in my CSS editor?

    Thread Starter CuAv

    (@cuav)

    Thank you so much Harrison, much appreciated!

    you need to go to the bottom of your style.css editor and find Media Queries. In there edit the width to lets 250. You then need to go up under the heading Structure and change the sidebar width to 250 or whatever you want it to be. This worked for me, im learning myself. So I hope this works for you also!

Viewing 11 replies - 1 through 11 (of 11 total)