Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

mylesrh

Member
  • Content Count

    9
  • Joined

  • Last visited

  1. Site URL: https://therare.la password: rarity Hello, i'm having some trouble styling the mobile navigation menu so that a) it looks the same on all devices b) each menu item is evenly spaced (both main and subnavigation on mobile) As you can see, when i shift to the subnavigation, the top two boxes change in dimension and don't look uniform with the others. Additionally, the menu hides some items depending on what device it's viewed on. Even in the squarespace emulator, it looks different when one enters full screen preview mode. Thank you for the assistance!
  2. Site URL: https://therare.la password: rarity When I look at the mobile navigation on different devices and even switching between fullscreen and regular preview like in the video below, elements get moved around and some are unreadable. Even when they are all present, some of the boxes have different padding and such. How do I make this more uniform so that the design is clean and fits to screen regardless of the device, browser, emulator, or screen dimensions? Thank you! subnavissuemobile.webm
  3. Site URL: https://therare.la password: rarity Hello - there are a couple of things I'd like to do with my mobile navigation for the site. Here is a reference site that I'm trying to have similar styling to: https://cookies.co/cereal-milk.html I've attached a video to show the problems I'm having. 1. I would like to shorten the whitespace at the bottom of the navigation menu so that the site is still scrollable underneath like in the example. 2. I would like the "strains" dropdown to expand accordion style within the same menu instead of sliding over to a submenu (see example vs current site). 3. In the case above where the subnavigation expands accordion style, I'd like the text color for each item to be black instead of green (see example vs current site). 4. When I look at the mobile navigation on different devices and even switching between fullscreen and regular preview like in the video below, elements get moved around and some are unreadable. Even when they are all present, some of the boxes have different padding and such. How do I make this more uniform so that the design is clean and fits to screen regardless of the device, browser, emulator, or screen dimensions? Thank you! subnavissuemobile.webm
  4. Had to change some stuff to hover instead of active, but the correct class names got me far enough to get where I was trying to go. Thanks!
  5. had to change the 8px to 1px but this worked. Thank you so much!
  6. I tried to replace the latter block with the former block and it didn't seem to have the desired effect. It only made the subnav text bigger and aligned it differently 😕
  7. Site URL: https://therare.la site: https://therare.la password: rarity Hello - I'm really close to getting my site done but I need to figure out how to move the subnav dropdown so that the top border of it is flush with the bottom border of the main navigation bar. I can do this by adding CSS to move it downward, but the problem is that the subnav only appears when the top level nav item is being hovered. Adding this extra space makes it so that when I try to mouse down to the subnav menu, it disappears before the mouse can actually hover any subnav items. Perhaps the clickable area of the top level nav item must be augmented - how can I circumvent the issues I'm having to achieve the desired result? Here is a reference site that behaves as intended https://cookies.co/
  8. Site URL: https://therare.la site: https://therare.la password: rarity Hello - I'm really close to getting my site done but I need to figure out how to change the text color of subnav elements on hover. Specifically, in the image below, when I hover over any part of the box for the "Azul" item, I want the text to highlight green instead of highlighting white (which it does currently). I'd like all other colors to remain as is, including the subnav container background, the subnav element box background highlight, and the main nav color and highlights. Please advise on how I may be able to accomplish this.
×
×
  • Create New...