Head image and menu background ? - Acme Themes

Home Forums Education Base Head image and menu background ?

This topic contains 5 replies, has 2 voices, and was last updated by  Acme Themes 4 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #25642

    compufreek
    Participant

    Hello!
    First, I would like to compliment your theme. Its really great, I have been using the free version and have it to my liking. I have 2 problems with design, and was wondering how to adress them:

    1. The important one 🙂
    -i really like the foldable image, but i would like to only have it on front page, other pages should have just a red (i have red image) line i have two settings under customize> header options> header image.

    View post on imgur.com

    is there a way i could add CSS code to achieve this ?

    2. Using the CSS code, I managed to change the background of the sub menu list, the first one works, but I get a weird glitch on the second one as seen below:
    CSS code(i did separate code for each menu):

    .menu-item-318 ul li a {
    	background-color: RGB(122,122,122);
    }

    View post on imgur.com

    I appreciate all the help with the matter if its possible.
    Thank you!

    • This topic was modified 4 months ago by  compufreek.
    #25665

    Acme Themes
    Keymaster

    Hello compufreek,

    Thank you for your comment.
    1. Header Image display on inner pages and Feature Section display on Front Page, may be by combining Feature section and header Image you will get what you want
    2. If you can provide us your site url, we will look on your site and suggest you possible CSS.

    Best Regards!
    Acme Themes

    #25741

    compufreek
    Participant

    Hey, thanks for fast reply, I took your advice and got the site to look close enough to my original plan, the second problem has been resolved as we decided to use the original color, the new way of showing the image, has presented another issue. The sticky menu option provided by theme has issues, is stutters when i start to scroll, so i added this CSS code:

    #navbar{
        height: 100px;
        z-index:170;
        margin:0 auto;
        width: 100%;
        position:fixed;
    }

    but now the header or “.inner-main-title” hides behind the menu. On the main site its ok, but on other sites, it gets covered up by the menu. Is there a way to move it a bit down ? The header needs to be 100px, larger than that makes the main page look weird, if it would be possible to make the header 100px on main page and 200px on other pages that would actually completly fix my problem, but I dont know if that’s possible ?

    you can see the problem on this link (right now the .inner-main-title height is set to 150 so you can see it gets behind the menu on other pages)

    http://compufreek.ddns.net:310/wordpress/

    Thank you for any help in advance.

    #25750

    Acme Themes
    Keymaster

    Hello compufreek,

    Use the following custom CSS:

    #navbar {
        height: 100px;
        z-index: 170;
        margin: 0 auto;
        width: 100%;
        position: fixed;
        top: 0;
    }
    .inner-main-title {
        height: 150px;
        margin-top: 100px;
    }

    Best Regards!

    #25772

    compufreek
    Participant

    Thank you!
    your solution fixed the visuals on all other pages, but it added white stripe on main page, but the code got me thinking, and I added this code :

    .image-slider-wrapper{
        margin-bottom: -100px;
    }

    And this has fixed the problem completly 🙂

    Thank you for all the help, and keep on doing the good work !

    #25785

    Acme Themes
    Keymaster

    You are most welcome!
    Best Regards!
    Acme Themes

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Head image and menu background ?’ is closed to new replies.