Head image and menu background ?

Tagged: menu CSS image

This topic has 5 replies, 2 voices, and was last updated 6 years, 10 months ago by Acme Themes.

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

Author

Posts
February 20, 2018 at 4:35 pm #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 6 years, 10 months ago by compufreek.
February 21, 2018 at 7:34 am #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

February 23, 2018 at 12:00 am #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.
February 23, 2018 at 5:45 am #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!
February 23, 2018 at 9:50 am #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 !
February 23, 2018 at 3:23 pm #25785

Acme Themes
Keymaster

You are most welcome!
Best Regards!
Acme Themes
Author

Posts

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

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