Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. Site title and menu position next to each other at top left

Site title and menu position next to each other at top left

Scheduled Pinned Locked Moved General Discussion
5 Posts 3 Posters 161 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • P Offline
    P Offline
    PTD
    wrote on Mar 10, 2023, 1:45 AM last edited by
    #1

    Dear Laytheme team,

    Is there a way to elegantly position the Site Title and Menu next to each other at the top left and control spacing between the two elements? Something like this:
    Screenshot 2023-03-09 at 17.42.03.png

    Playing around with positioning in "Customize", I seem to be unable to figure it out or find a simple and elegant solution that nicely scales across different screen sizes.

    Thanks so much in advance!

    A 1 Reply Last reply Mar 10, 2023, 4:37 PM
    0
    • P PTD
      Mar 10, 2023, 1:45 AM

      Dear Laytheme team,

      Is there a way to elegantly position the Site Title and Menu next to each other at the top left and control spacing between the two elements? Something like this:
      Screenshot 2023-03-09 at 17.42.03.png

      Playing around with positioning in "Customize", I seem to be unable to figure it out or find a simple and elegant solution that nicely scales across different screen sizes.

      Thanks so much in advance!

      A Online
      A Online
      alasdair17
      wrote on Mar 10, 2023, 4:37 PM last edited by
      #2

      @PTD hey, if you position your menu to 'top left' and then use, 'space left' to move it to the right.

      P 1 Reply Last reply Mar 10, 2023, 6:28 PM
      0
      • A alasdair17
        Mar 10, 2023, 4:37 PM

        @PTD hey, if you position your menu to 'top left' and then use, 'space left' to move it to the right.

        P Offline
        P Offline
        PTD
        wrote on Mar 10, 2023, 6:28 PM last edited by
        #3

        @alasdair17 Thank you so much!
        Yes, I've been adjusting the "space left" value, however, I was hoping to have a bit more control to havev consistent spacing between the two elements across different screen sizes.
        Do you happen to know of an elegant solution to achieve this?

        1 Reply Last reply
        0
        • A Offline
          A Offline
          arminunruh
          Global Moderator
          wrote on Mar 14, 2023, 6:44 PM last edited by
          #4

          hey man maybe dont use a site title, but in your menu just put your site title in there as a menu item

          in appearance -> menus

          go to screen options and enable "css classes"
          Screenshot 2023-03-14 at 19.43.08.png

          then add a css class to that menupoint and use css to control the spacing

          you need to know some css in order to do this

          P 1 Reply Last reply Mar 19, 2023, 6:33 PM
          0
          • A arminunruh
            Mar 14, 2023, 6:44 PM

            hey man maybe dont use a site title, but in your menu just put your site title in there as a menu item

            in appearance -> menus

            go to screen options and enable "css classes"
            Screenshot 2023-03-14 at 19.43.08.png

            then add a css class to that menupoint and use css to control the spacing

            you need to know some css in order to do this

            P Offline
            P Offline
            PTD
            wrote on Mar 19, 2023, 6:33 PM last edited by
            #5

            @arminunruh Thank you so much for the advice Armin!
            Trying CSS for the past week, unfortunately I've been unable to achieve the desired result.

            Would you be willing to share what the code should look like to control the spacing between two menupoints horizontally?

            Many thanks in advance!

            1 Reply Last reply
            0
            Reply
            • Reply as topic
            Log in to reply
            • Oldest to Newest
            • Newest to Oldest
            • Most Votes

            5/5

            Mar 19, 2023, 6:33 PM


            I also code custom websites or custom Lay features.
            💿 Email me here: 💿
            info@laytheme.com

            Before you post:
            1. When using a WordPress Cache plugin, disable it or clear your cache.
            2. Update Lay Theme and all Lay Theme Addons
            3. Disable all Plugins
            4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

            This often solves issues you might run into

            When you post:
            1. Post a link to where the problem is
            2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
            3. If the problem is difficult to explain, post screenshots / link to a video to explain it
            Online Users
            C
            craigfeldspar
            10 minutes ago
            A
            alasdair17
            23 minutes ago
            Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
            laytheme.com
            • Login

            • Don't have an account? Register

            • Login or register to search.
            5 out of 5
            • First post
              5/5
              Last post
            0
            • Recent
            • Tags
            • Popular
            • Users
            • Search