cayindustries

Almost…we had a miscommunication. My mistake. I am referring to the “circle buttons” with the labels about us, Gallery and FAQ. Hope that clears this up.

The only thing is that when you tap the menu in the MOBILE version the tabs start off on the left and then jump to the center. Is there a way to prevent that from happening so they are just in the center without the jump?

Everything else is GREAT! Thanks.

Thanks!

Excellent! Thanks!

These questions are all for the MOBILE side only. The desktop works fine and I would not like to change those setting.

Website: https://www.thesocketroll.com

1) On all the pages with text the words seem to be squished to the left. Is there a way to center them so they look correct and take up the entire page?

2) On the ‘Products” page the diamonds where I make bullet points change from blue (desktop version) to red (mobile version). They should stay blue.

3) On the ‘Products” page the “Paypal” button is missing. This is extremely important for obvious reasons.

4) On the ‘Products” page the images of other tool companies, craftsman, snap on, mac etc. is squished and cut off to the right side.

Thanks for your help.

almost, but I would like them spread out like in the site in my first post. Thanks though. Also, this should not affect the mobile version correct?

https://www.thesocketroll.com

<!-- Header Section -->
	<div class="header_section" >
		<div class="container" >
			<!-- Logo & Contact Info -->
			<div class="row ">
				<div class="col-md-8 col-sm-12 wl_rtl" >
					<div claSS="logo">
					<a href="<?php echo esc_url(home_url( '/' )); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
					<?php if($wl_theme_options['upload_image_logo']){ ?>
						<img class="img-responsive" src="<?php echo $wl_theme_options['upload_image_logo']; ?>" style="height:<?php if($wl_theme_options['height']!='') { echo $wl_theme_options['height']; }  else { "80"; } ?>px; width:<?php if($wl_theme_options['width']!='') { echo $wl_theme_options['width']; }  else { "200"; } ?>px;" />
						<?php } else {
							echo get_bloginfo('name');
						} ?>
					</a>
					<p><?php bloginfo( 'description' ); ?></p>
					</div>
				</div>
				<?php if($wl_theme_options['header_social_media_in_enabled']=='1') { ?>
				<div class="col-md-4 col-sm-12">
				<?php if($wl_theme_options['email_id'] || $wl_theme_options['phone_no'] !='') { ?>
				<ul class="head-contact-info">
						<?php if($wl_theme_options['email_id'] !='') { ?><li><?php echo esc_attr($wl_theme_options['email_id']); ?></li><?php } ?><br/>
				</ul>
				<ul class="abc">
				<?php if($wl_theme_options['phone_no'] !='') { ?><li><?php echo esc_attr($wl_theme_options['phone_no']); ?></li><?php } ?>
				</ul>
				<?php } ?>
				</div>
				<?php } ?>
			</div>
			<!-- /Logo & Contact Info -->
		</div>
	</div>
	<!-- /Header Section -->
	<!-- Navigation  menus -->
	<div class="navigation_menu "  data-spy="affix" data-offset-top="95" id="enigma_nav_top">
		<span id="header_shadow"></span>
		<div class="container navbar-container" >
			<nav class="navbar navbar-default " role="navigation">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu">

This is all I could get in here. I can’t copy/paste the entire thing for some reason

Its already on the home page if you scroll down to the service buttons.
It has the title ‘Learn More” and there are the 3 service icons there.

I did that, but still don’t see any icons. PLease refer to the website. Thanks.

https://www.thesocketroll.com

Still didn’t work

That didn’t work. The gradient is still there and the color didnt change either. Check out the site please.

https://www.thesocketroll.com

Thanks.

I did that but no change happens and when I go back to inspect the element the change is not made either. Any other ideas?

Only 1 and 2 are resolved.

I will re-word the other questions because they all have to do with the theme I think. These are new questions:

1) I would like to remove the hover and shadow colors on the navbar and also center the text height.

2) in the MOBILE version when you click on the menu the color changes from dark blue to the original light blue and it stays that way. Can you correct so it stays dark blue?

3) I would still like to shrink the gray area on the MOBILE version only so it is just big enough to hold the menu button.

4) In the MOBILE version is it possible to move the menu button to the middle of the navbar?

That is all for now. I will start a separate thread for the other issues. Thanks.