Forum Support

Shape 5
December 02, 2021, 10:18:41 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Logo in s5_floating_menu position  (Read 779 times)
cspgsl
Jr. Member
**
Offline Offline

Posts: 903



« on: April 28, 2018, 04:34:28 PM »

At http://linkslandgolf.com/coffee-shop I can only see 1/2 of the logo when the user scrolls down the page and sees the floating menu
« Last Edit: April 29, 2018, 08:39:30 AM by cspgsl » Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: April 30, 2018, 11:00:42 AM »

Hello,

Ok just change width to below here, template.css line 1300

Code:
.s5_wrap_fmfullwidth .s5_sitelogo {
    color: #ffffff;
    height: 114px;
    width: 370px;
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
cspgsl
Jr. Member
**
Offline Offline

Posts: 903



« Reply #2 on: May 01, 2018, 01:28:34 PM »

Thanks.

One followup question. As you can see, the hover color of the menu items is white which is governed by the css for the entire menu. Can I set the hover to another color for only the floating menu?

or

Where do I change the background colour of the entire floating menu wrap?
« Last Edit: May 01, 2018, 01:57:08 PM by cspgsl » Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: May 02, 2018, 10:53:29 AM »

Since the hover color for the items is pulling from the highlight color you would need to remove it from there. Open up your index.php file and look for the following near the top in a long list of CSS items:

Code:
#s5_nav li:hover a, #s5_nav li.mainMenuParentBtnFocused a

Also this for the sub menus:

Code:
#subMenusContainer li a:hover, .s5_menu_overlay_subs #subMenusContainer li:hover a

You would then need to put this along with your desired hover color in a CSS file.

The background, shadow, etc can all be set in the Vertex admin area under Layout > Menu then scroll down to the floating menu section.
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
cspgsl
Jr. Member
**
Offline Offline

Posts: 903



« Reply #4 on: May 03, 2018, 12:07:46 PM »

Thanks
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.