Canvas Support

Random small issues

10 replies · opened Aug 12, 2018

SscottishmoviesAug 12, 2018
  1. Where do I change the size of the smaller boxed menu in menu style-3? So when you scroll and the menu reduces in size - the button actually gets bigger - I'd like it to stay the same size if possible
  2. On retina devices (particularly iphones) the icon I have looks great before scrolling but after scrolling it sits over the line - how do I fix this?
  3. Links are not showing on the page as they are white on white - where do I change this? ie "chat" link to contact page within index.html also "here" to access a sample page.
  4. I have html pages in sub-folders which are not picking up the colors for the buttons - even though it is picking up colors.css correctly for the menu - how do I fix this?
  5. I'd like to change the font color of pricing--price and pricing--currency
  6. Between the Logo and Menu and the start of the document at Content there is too much space - how to I reduce the spacing here?

Thank You!

SscottishmoviesAug 12, 2018

Also, how do I change the hamburger icon to be on the right - and a bit larger? With the logo on the left?
see attached images of what I am trying to acheive.
Thank You ;)

SscottishmoviesAug 17, 2018

Rather than open a new query, I hope it's ok to add to this one as I'm hoping this might have moved up the queue a bit by now?

My rsponsive menu on ipad and iphone are terrible. On the index page when the menu is open (touching the hamburger) - iphone landscape and ipad portait, the menu is all over the place, taking up space next to the logo. Also, if the menu has been opened and you scroll down the page it doesn't close.
On other pages such as classic-booth.html the hamburger menu doesn't open at all. It doesn't open on any sub-menu item.

My site has now gone live, despite all these errors - I would appreciate a reply to help sort them out as I'm sure they are minor issues.
kind regards

SscottishmoviesAug 17, 2018

My bad! I foudn out that the mobile menu options were not opening as I had two instances of function.js running

SscottishmoviesAug 19, 2018

Hi,
I have solved 2- Retina issue and 4-Colors but the other issues still remain

SSemicolon WebSTAFFAug 21, 2018

Hello,

  1. Consider using the following CSS Code:
#header.sticky-header:not(.static-sticky) #primary-menu.style-3 > ul > li > a {
	margin: 8px 0;
	padding-top: 11px;
	padding-bottom: 11px;
	border-radius: 2px;
}

  1. Can you please point us to the Chat Link you are referring to so that we can check this out and provide you with a proper solution for this.

  2. Consider using the following CSS code:

.pricing-price { color: #HEX; }

  1. We could not find the space you were referring to. Please provide us with a Screenshot so that we can check further.

  2. To change the Position of the Logo and Hamburger Menu, use the following CSS Code:

#logo { text-align: left; }

#primary-menu-trigger {
	top: 25px;
	left: auto;
	right: 0;
	font-size: 24px;
}

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SscottishmoviesAug 25, 2018

Thank you for all your answers - I'll will need to get to work on them ;)

  1. As for "chat" I'm not sure how it got fixed but it seems ok now - as I've been making a lot of changes to this, I must have corrected something along the way.
  2. As for the unwanted white space, it's the margin between the logo/menu and any heading in the content or any content.

Thank you.

SSemicolon WebSTAFFAug 28, 2018

Hello,

  1. Can you please confirm if this issue is on the Mobile Devices or the Larger Devices? Thanks.

Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

SscottishmoviesAug 30, 2018

The white space issue is on all devices. It is more noticeable on mobiles

SSemicolon WebSTAFFSep 6, 2018

Hello,

You can control the Spacing and Padding between the Elements by applying the Helper Classes: .notopmargin, .nobottommargin, .notoppadding or .nobottompadding. You can apply these Classes to the Sections, Containers, #content DIV, #content-wrap DIV or any Element for which you would like to reduce spacing for. For complete list of Helper Classes, please check the Documentation > Page Elements > Helper Classes Section.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard