[Stefanhbm]

Hi Guys,

i have the catch responsive pro theme and i’m fallen into some issues.

1. how can i make the navigation bar transparent

2. is it possible to stretch the Header-Image over the full screen size?

3. Where can i change the font of the navigation? I know how to change it into bold but not changing the font

4. is it possible to replace the header picture for the Slider? I can only use header image AND slider below.

5. how can i stretch the content window?

Best regards

Stefan

btw. the page is http://www.it-service-lange.de

[Skandha]

@stefanhbm: Hello Stefan,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

/* To make nav bar transparent */
.nav-primary {
    background-color: transparent;
}
/* To stretch the Content Window */
.site {
    width: 100% !important; 
}

Can you please let me know which font you would like to use in the Navigation menu?

You can replace the Header Image with the Slider.
Go to => Appearance => Customize => Header Media => Enable on => Select Disabled and Publish.

Then,
Go to => Appearance => Customize => Theme Options => Featured Slider => Enable the Section and Select your options and Publish.

Let me know if this works out!
Kind Regards,
Skandha

[Stefanhbm]

Hi Skandha,

i pasted the css code and the stretch worked but not the transparency for the nav-bar 🙁

The css infos out of my stylesheet:

.nav-primary,
.nav-footer {
	background-color: #222;
	position: absolute;
	z-index: 198;
	font-weight: 600;
	font-family: Century Gothic;

Another Question: Did you design the Theme or why do you have so much knowledge about it? 🙂

[Stefanhbm]

Hi again,

and one more question:

how can i stretch the navigation bar over the full screen size? Is it possible?

Best Regards

Stefan

[Skandha]

@stefanhbm: Hello Stefan,
Please try using the following CSS to make the nav bar transparent instead of the above one.

.nav-primary {
    background-color: transparent;
}

The navigation menu already seems to be using Century Gothic font.

I didn’t design the theme but one of my team members did. We have knowledge about the theme because our team created it. 🙂

Let me know if this helps you out!
Kind Regards,
Skandha

[Skandha]

@stefanhbm: Hello Stefan,
To stretch navigation bar
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.catchresponsive-nav-menu a {
	padding: 0 89px;
}

Let me know if this is what you want!
Kind Regards,
Skandha

[Stefanhbm]

Hi,

the stretch of the nav-bar works! But the transparency won’t 🙁

[Skandha]

@stefanhbm: Hello Stefan,
Try the following CSS Code instead

.nav-primary {
    background-color: transparent !important;
 }

Let me know if this works out!
Kind Regards,
Skandha

[Stefanhbm]

Thanks a lot for your help!

[Skandha]

@stefanhbm: Hello Stefan, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/catch-responsive/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[Stefanhbm]

Hi Skandha,

i will make an honest review after creating a wordpress account. It seems that my actual account wont work for it?!?

Anyway: I have some more little things that are disturbing me.

1. on the Landing-Page i placed the “Services” – is there anyway do remove the Hyper-Links on them? I just wanna write down the Service and a little description.

1a. Can i change the colors of them in the sheet.css?

2. SocialButtons and Search Field: is there any possibility to put the search field next to the social buttons (left or right) and not above them? I just don’t get it 🙁

Have a great weekend!

Stefan

[Skandha]

@stefanhbm: Hello Stefan,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

/* To disable the links of Services and change the color */
#services-section .entry-container .entry-title {
    pointer-events: none;
}
#services-section .entry-container .entry-title a {
    color: #f23456;
}

/* To move the search and social icons side by side */
@media screen and (min-width: 991px) {
	.site-navigation.sidebar.sidebar-header-right.widget-area section {
	    display: inline-block;
	}
	#header-right-search {
	    margin-bottom: 0;
	}
}

You can change the color according to your choice.
Let me know if this works out!
Kind Regards,
Skandha

[Stefanhbm]

Hi Skandha,

thank you, it works! I made the review yesterday.

Is there any possibility to smaller the boxes around the services?

Best Regards

Stefan

[Stefanhbm]

@Skandha is it possible that, you send me a direct message? I wanna ask you a thing, that must not be discussed in this topic.

Best Regards

Stefan

[Stefanhbm]

and again (sorry!)

How can i switch the position of the search field and social buttons? The search field should be on the right side. I tried it with some commands but it wont work 🙁

[Stefanhbm]

and a last question: How can i set a fix size for the services boxes? I think after this i have everything i needed 🙂

[Skandha]

@stefanhbm: Hello Stefan,
Thank you for your wonderful review.

Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

/* To have the search field on the right of social icons */
@media screen and (min-width: 991px) {
	#header-right-search {
	    float: right;
	    margin-top: 10px;
	}
	#header-right-social-icons {
	    margin-right: 15px;
	}
	
}

/* To fix the height of Services Box */
#services-section .hentry-inner {
    height: 200px;
}

Let me know if this works out!

Also I have sent you an email. Please check your inbox as well as the spam folder.
Kind Regards,
Skandha

[Stefanhbm]

Hi 🙂 Thank you!

i think the last question i have is: can i move the navigation bar in the line of the social buttons and search field?

I mean: Navigation bar on the left side, social buttons and search field on the right side.

Of Course, i can drag the navigation bar below the header but not directly into the same line.

Best Regards

Stefan

[Skandha]

@stefanhbm: Hello Stefan,
Can you try using the Header Right Menu instead of Primary Menu and see how it looks?

Kind Regards,
Skandha

[Author]

Posts